@media screen and (min-width: 1024px) {
	body {
		font-size: 22px;
		overflow-x: hidden;
	}

	@font-face {
		src: url(../css/font.TTF);
		font-family: "font";
	}

	img {
		object-fit: cover;
	}

	ul,
	h2,
	p,
	h3 {
		margin: 0;
		padding: 0;
	}

	.go_top {
		cursor: pointer;
		width: 27px;
		height: 40px;
		position: fixed;
		bottom: 80px;
		right: 1%;
		z-index: 108;
		background-image: url(../images/backtop.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.fp-viewing-page1 .go_top {
		opacity: 0;
	}

	.ArrowImg {
		position: absolute;
		z-index: 52;
		bottom: 4%;
		animation: Updown 1.5s infinite alternate;
		-webkit-animation: Updown 1.5s infinite alternate;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	@keyframes Updown {
		from {
			bottom: 4%;
		}

		to {
			bottom: 2.5%;
		}
	}

	.wrapper {
		position: relative;
		left: 0;
		height: 100%;
		-webkit-transition: .5s all;
		transition: .5s all;
		z-index: 50;
	}

	.wrapper.on {
		padding-top: 68px;
	}

	.menu-open .wrapper {
		left: 279px;
	}

	.section {
		overflow: hidden;
		left: 0;
		top: 0;
		position: relative;
		z-index: 10;
	}

	.BaseBk {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-color: transparent;
		position: relative;
	}

	.CenterPro,
	.DeviceSubImg img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.container {
		padding: 0px 6% 0px;
		box-sizing: border-box;
		position: relative;
	}

	.wrap {
		width: 1440px;
		display: block;
		margin: 0px auto;
	}

	/* 鍏辩敤 */
	.backtop {
		width: 68px;
		height: 62px;
		background: url(../images/backtop.png);
		background-size: cover;
		background-repeat: no-repeat;
		cursor: pointer;
		position: fixed;
		bottom: 50px;
		right: 20px;
		z-index: 50;
	}

	.IndexBanner {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		position: relative;
	}

	/* .IndexBanner:first-of-type:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.3)
	}
 */
	/* .IndexBanner:nth-of-type(2):after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
	} */

	.IndexTit {
		position: absolute;
		width: 100%;
		top: 48%;
		z-index: 1;
		text-align: center;
	}

	.IndexTit img {
		max-width: 100%;
		display: block;
		margin: 0px auto;
		opacity: 0;
	}

	.bx-wrapper {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.BaseBk .bx-pager {
		position: absolute;
		left: 6%;
		bottom: 6.8%;
		font-family: "font";
		z-index: 52;
		cursor: pointer;
		color: #fff;
	}

	.BaseBk .bx-pager a {
		font-size: 16px;
		color: #fff;
	}

	.BaseBk .bx-pager a:first-of-type {
		font-size: 42px;
	}

	.BaseBk .bx-pager a i {
		font-size: 14px;
		color: rgba(255, 255, 255, 0.3);
		margin: 0px 10px;
	}

	.bx-controls-direction {
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		position: absolute;
		left: 6%;
		font-size: 0;
		z-index: 52;
	}

	.bx-controls-direction a.bx-prev {
		background-image: url(../images/next1.png);
		background-size: cover;
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		border-radius: 100%;
		background-position: center;
		display: block;
		margin-bottom: 20px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.bx-controls-direction a.bx-next {
		background-image: url(../images/next1_h.png);
		background-size: cover;
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		border-radius: 100%;
		background-position: center;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: block;
	}

	.bx-controls-direction a.bx-next:hover,
	.bx-controls-direction a.bx-prev:hover,
	.GreenDevelopFx a:hover img,
	.InvestmentFx:hover .InvestmentFxImg img {
		transform: scale(1.05);
		-webkit-transition: scale(1.05);
	}

	.IndexSpeed {
		width: 100%;
		top: 29%;
		text-align: center;
		z-index: 1;
		position: absolute;
	}

	.IndexSpeed img {
		display: block;
		margin: 0px auto;
		max-width: 22.8%;
	}

	.IndexSpeed h2 {
		font-size: 24px;
		text-align: center;
		margin-top: 3%;
		letter-spacing: 2px;
		color: #ffffff;
	}

	.IndexSpeed p {
		font-size: 16px;
		text-align: center;
		margin-top: 1%;
		letter-spacing: 2px;
		color: #ffffff;
		opacity: 0.9;
	}

	.LogoImg {
		position: absolute;
		width: 31.2%;
		top: 20%;
		opacity: 0;
		left: 34.3%;
	}

	.active .GroupProfile:after {
		animation: fadeIn1 0.6s 1.5s ease-in-out both;
		-webkit-animation: fadeIn1 0.6s 1.5s ease-in-out both;
	}

	.EarthContFx img {
		width: 24px;
		height: 24px;
		border-radius: 100%;
		display: block;
		-webkit-animation: YuanBase 3s ease infinite alternate;
		animation: YuanBase 3s ease infinite alternate;
		margin: 10px auto 0;
	}

	.EarthContFxImg {
		z-index: 2;
		position: relative;
	}

	.EarthContFx2 {
		top: -38%;
		left: 24%;
	}

	.EarthContFx2 .EarthContFxImg img {
		-webkit-animation: YuanBase 3.5s ease infinite alternate;
		animation: YuanBase 3.5s ease infinite alternate;
	}

	.EarthContFx3 {
		right: 30%;
		top: -20%;
	}

	.EarthContFx3 .EarthContFxImg img {
		-webkit-animation: YuanBase 2.5s ease infinite alternate;
		animation: YuanBase 2.5s ease infinite alternate;
	}

	.EarthContFx4 .EarthContFxImg img {
		-webkit-animation: YuanBase 4s ease infinite alternate;
		animation: YuanBase 4s ease infinite alternate;
	}

	.menu-button-icon {
		width: 18px;
		height: 14px;
		position: fixed;
		top: 50px;
		left: 6%;
		z-index: 51;
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		cursor: pointer;
	}

	.menu-open .menu-button-icon {
		z-index: 53;
		left: 131px;
	}

	.menu-open .menu-button-icon:hover {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.menu-open .Langular {
		margin-left: 280px;
	}

	.menu-button-icon span:last-of-type,
	.menu-button-icon:hover span:first-of-type {
		width: 10px;
	}

	.menu-button-icon span {
		background-color: #fff;
		width: 18px;
		height: 2px;
		-webkit-transition: width .3s ease-in-out;
		transition: width .3s ease-in-out;
		display: block;
	}

	.menu-open .menu-button-icon span {
		background-color: #273d92 !important;
	}

	.fp-viewing-page7 .menu-button-icon span,
	.fp-viewing-page2 .menu-button-icon span,
	.fp-viewing-page5 .menu-button-icon span,
	.HeaderFlix.on .menu-button-icon span {
		background-color: #273d92;
	}

	.fp-viewing-page8 .menu-button-icon span,
	.fp-viewing-page8 .Langular {
		opacity: 0;
	}

	.fp-viewing-page4 .Langular a.active {
		color: #273d92;
		background-color: #fff;
	}

	.fp-viewing-page7 .Langular,
	.fp-viewing-page2 .Langular,
	.fp-viewing-page5 .Langular,
	.HeaderFlix.on .Langular {
		border: solid 1px rgba(39, 61, 146, 0.2);
	}

	.fp-viewing-page7 .Langular a,
	.fp-viewing-page2 .Langular a,
	.fp-viewing-page5 .Langular a,
	.HeaderFlix.on .Langular a {
		color: #2f3237;
	}

	.fp-viewing-page7 .Langular a.active,
	.fp-viewing-page2 .Langular a.active,
	.fp-viewing-page5 .Langular a.active,
	.HeaderFlix.on .Langular a.active {
		color: #fff;
	}

	.menu-open .menu-button-icon span:first-of-type {
		-webkit-transform: translateY(6px) rotate(-45deg);
		-ms-transform: translateY(6px) rotate(-45deg);
		transform: translateY(6px) rotate(-45deg);
		width: 18px;
	}

	.menu-open .menu-button-icon span:nth-of-type(2) {
		opacity: 0;
	}

	.menu-open .menu-button-icon span:last-child {
		-webkit-transform: translateY(-6px) rotate(45deg);
		-ms-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-6px) rotate(45deg);
		width: 18px;
	}

	.Langular {
		width: 100px;
		height: 30px;
		border-radius: 15px;
		border: solid 1px rgba(255, 255, 255, 0.2);
		position: fixed;
		top: 42px;
		left: 8.2%;
		z-index: 51;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.Langular a {
		float: left;
		width: 45%;
		text-align: center;
		line-height: 30px;
		font-size: 13px;
		color: #fff;
	}

	.Langular a.active {
		background-color: #273d92;
		border-radius: 15px;
		width: 55%;
		position: relative;
		left: -2%;
	}

	#nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 280px;
		background-color: #fff;
		height: 100%;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: hidden;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-backface-visibility: hidden;
	}

	.menu-open #nav {
		visibility: visible;
		-webkit-transition: -webkit-transform .5s;
		transition: transform .5s;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		z-index: 53;
	}

	.nav_menu {
		padding-top: 60%;
	}

	.ShareIcon {
		position: absolute;
		width: 100%;
		bottom: 70px;
		height: 36px;
		font-size: 0;
		text-align: center;
		display: none;
	}

	.ShareIcon a {
		width: 36px;
		height: 36px !important;
		display: inline-block;
		vertical-align: top;
		border-radius: 100%;
		margin-right: 10px !important;
		background-image: url(../images/qq.png) !important;
		padding: 0 !important;
		background-size: cover !important;
		background-position: center !important;
	}

	.ShareIcon a:nth-of-type(2) {
		background-image: url(../images/wx.png) !important;
	}

	.ShareIcon a:last-child {
		background-image: url(../images/wb.png) !important;
	}

	.AddSearch {
		padding: 15px 0;
		background: #f5f5f5;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.AddSearchCt {
		width: 90%;
		height: 40px;
		line-height: 40px;
		background-color: #fff;
		display: block;
		margin: 0px auto;
	}

	.AddSearchCt1 {
		background: #f2f2f2;
		width: 17%;
		position: absolute;
		right: 0;
		top: 68px;
	}

	.AddSearchTxt {
		float: left;
		width: 70%;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		text-indent: 0.8em;
	}

	.AddSearchBtn {
		background-image: url(../images/search1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 16px;
		height: 16px;
		float: right;
		margin-top: 12px;
		margin-right: 16px;
	}

	.nav_menuCont {
		position: relative;
	}

	.nav_menuCont:hover .nav_menuDown {
		display: block;
	}

	.nav_menu a {
		display: block;
		text-align: center;
		font-size: 15px;
		color: #333;
		line-height: 68px;
		background-image: url(../images/menu.png);
		background-repeat: no-repeat;
		text-indent: -1000px;
		-webkit-transition: .5s all;
		-moz-transition: .5s all;
		-o-transition: .5s all;
		transition: .5s all;
	}

	.n_home {
		background-position: 88px 25px;
	}

	.n_home:hover,
	.nav_menuCont.active .n_home {
		background-position: -104px 25px;
	}

	.n_about,
	.n_home1 {
		background-position: 90px -48px;
	}

	.n_about:hover,
	.nav_menuCont.active .n_about,
	.n_home1:hover,
	.nav_menuCont.active .n_home1 {
		background-position: -105px -48px;
	}

	.n_layout,
	.n_home2 {
		background-position: 90px -116px;
	}

	.n_layout:hover,
	.nav_menuCont.active .n_layout,
	.n_home2:hover,
	.nav_menuCont.active .n_home2 {
		background-position: -105px -115px;
	}

	.n_center,
	.n_home3 {
		background-position: 90px -187px;
	}

	.n_center:hover,
	.nav_menuCont.active .n_center,
	.n_home3:hover,
	.nav_menuCont.active .n_home3 {
		background-position: -105px -185px;
	}

	.n_duty,
	.n_home4 {
		background-position: 90px -255px;
	}

	.n_duty:hover,
	.nav_menuCont.active .n_duty,
	.n_home4:hover,
	.nav_menuCont.active .n_home4 {
		background-position: -105px -255px;
	}

	.n_join,
	.n_home5 {
		background-position: 90px -322px;
	}

	.n_join:hover,
	.nav_menuCont.active .n_join,
	.n_home5:hover,
	.nav_menuCont.active .n_home5 {
		background-position: -105px -325px;
	}

	.nav_menuCont.active a {
		background-color: #273d92;
	}

	.nav_menuDown {
		position: absolute;
		right: -168px;
		top: 5px;
		width: 168px;
		z-index: 52;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: none;
	}

	.nav_menuDown:after {
		content: '';
		z-index: -1;
		position: fixed;
		top: 0;
		left: 280px;
		width: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		height: 100%;
		background: #273d92;
	}

	.nav_menuCont.active .nav_menuDown:after {
		width: 168px;
	}

	.nav_menuDown a {
		font-size: 15px;
		line-height: 58px;
		color: rgba(255, 255, 255, 0.5);
		display: block;
		text-indent: 0;
		background-image: none;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.nav_menuCont.active .nav_menuDown a {
		background-color: transparent;
	}

	.nav_menuDown a:hover {
		padding-left: 4px;
		color: #fff;

	}

	.Navfile {
		height: auto;
		right: 2%;
		position: fixed;
		z-index: 99;
		overflow: hidden;
	}

	.fp-viewing-page8 .Navfile {
		z-index: -1;
	}

	.fp-viewing-page8 .am_logo {
		background-image: none;
	}

	#menu {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#menu li {
		height: 30px;
		width: 30px;
	}

	#menu li a {
		height: 100%;
		position: relative;
		display: block;
		width: 100%;
	}

	#menu li a i {
		height: 6px;
		width: 6px;
		position: absolute;
		border-radius: 100%;
		background: rgba(255, 255, 255, 0.5);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}


	@keyframes move {
		0% {
			width: 0;
			transform: rotate(0deg);
		}

		100% {
			width: 18px;
			transform: rotate(360deg);
		}
	}

	#menu li a span {
		font-size: 17px;
		color: #174793;
		font-weight: bold;
		display: none;
		padding-left: 26px;
		line-height: 34px;
		position: relative;
		top: 0;
	}


	#menu li.active i {
		background: rgba(255, 255, 255, 1);
	}

	.an {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		opacity: 0;
	}

	#menu li.active .an {
		transform: rotate(-90deg);
		-wekbit-transform: rotate(-90deg);
		transform-origin: 50% 50%;
		opacity: 1;
	}

	@keyframes countdown {
		from {
			stroke-dashoffset: 226px;
		}

		to {
			stroke-dashoffset: 0;
		}
	}

	#menu li.active .an circle {
		stroke-dasharray: 226px;
		stroke-dashoffset: 0px;
		stroke-linecap: round;
		stroke-width: 1px;
		stroke: white;
		fill: none;
		-webkit-animation: countdown 3s linear infinite forwards;
		animation: countdown 3s linear infinite forwards;
	}

	.HeaderFlix.on {
		position: fixed;
		z-index: 99;
		height: 68px;
	}

	.HeaderFlix.on .am_logo {
		top: 16.5px;
	}

	.HeaderFlix.on .menu-button-icon {
		top: 27px;
	}

	.HeaderFlix.on .Langular {
		top: 19px;
	}

	.am_logo {
		width: 164px;
		height: 35px;
		position: fixed;
		top: 42px;
		right: 6%;
		z-index: 51;
		background-image: url(../images/logo.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.fp-viewing-page7 .am_logo,
	.fp-viewing-page5 .am_logo,
	.fp-viewing-page2 .am_logo,
	.HeaderFlix.on .am_logo {
		background-image: url(../images/logo_h.png);
	}

	.fp-viewing-page7 #menu li a i,
	.fp-viewing-page5 #menu li a i,
	.fp-viewing-page2 #menu li a i {
		background: rgba(0, 0, 0, 0.2);
	}

	.fp-viewing-page7 #menu li.active i,
	.fp-viewing-page5 #menu li.active i,
	.fp-viewing-page2 #menu li.active i {
		background: #273d92;
	}

	.fp-viewing-page7 #menu li.active .an circle,
	.fp-viewing-page5 #menu li.active .an circle,
	.fp-viewing-page2 #menu li.active .an circle {
		stroke: #273d92;
	}

	.desktop {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}

	.Loading {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.Logot_h,
	.Logot_ht {
		position: absolute;
		left: -35%;
		top: 0;
		width: 50px;
	}

	.Logot_ht1 {
		position: absolute;
		left: -35%;
		top: 0;
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 100%;
		-webkit-mask-position: 100% 100%;
		animation: Logot_ht 3s linear forwards;
		-webkit-animation: Logot_ht 3s linear forwards;
		/* 		animation-iteration-count: 5;
				-webkit-animation-iteration-count: 5; */
	}

	@keyframes Logot_ht {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
		}
	}

	.LoadTransform {
		max-width: 300px;
		max-height: 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		text-align: center;
	}

	.LoadTransformBlack,
	.LoadTransformWhite {
		max-width: 141px;
		max-height: 50px;
		overflow: hidden;
	}

	.LoadTransformWhite {
		position: absolute;
		top: 0;
		left: 0;
	}

	.LoadTit,
	.LoadTit1 {
		vertical-align: top;
		margin-top: 5px;
	}

	.H_w,
	.R_w,
	.W_w,
	.Y_w,
	.LoadTit1 {
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/paper-mask-left.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 100%;
		-webkit-mask-position: 100% 100%;
	}

	.H_w1,
	.W_w1 {
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/blessing-mask.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/blessing-mask.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 0% 69%;
		-webkit-mask-position: 0% 69%;
		animation: paper-to-right-anis 3s linear forwards;
		-webkit-animation: paper-to-right-anis 3s linear forwards;
	}

	@keyframes paper-to-right-anis {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}

		100% {
			mask-position: 0% 0%;
			-webkit-mask-position: 0% 0%;
		}
	}


	.R_w1,
	.Y_w1 {
		mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/black-mask.png);
		-webkit-mask-image: url(https://ossfiles.xingkec.com/gatherDigital/images/black-mask.png);
		mask-size: auto;
		-webkit-mask-size: auto;
		mask-position: 100% 0%;
		-webkit-mask-position: 100% 0%;
		animation: paper-to-right-anis1 3s linear forwards;
		-webkit-animation: paper-to-right-anis1 3s linear forwards;
	}

	@keyframes paper-to-right-anis1 {

		0% {
			mask-position: 100% 0%;
			-webkit-mask-position: 100% 0%;
		}

		100% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}
	}

	.LoadTit2 {
		animation: paper-to-right-anis5 3s linear forwards;
		-webkit-animation: paper-to-right-anis5 3s linear forwards;
	}

	@keyframes paper-to-right-anis5 {

		0% {
			mask-position: 100% 100%;
			-webkit-mask-position: 100% 100%;
		}

		100% {
			mask-position: 0% 100%;
			-webkit-mask-position: 0% 100%;
		}
	}

	.loaded .loader-block-top {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.loader-block {
		position: fixed;
		left: 0;
		width: 100vw;
		height: 50%;
		background-color: #273d92;
		transition: ease-out 2s transform;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.loader-block-top {
		top: 0;
	}

	.loaded .loader-block-bottom {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}

	.loader-block-bottom {
		top: 50%;
	}

	.js-hero-accent {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
		letter-spacing: 6px;
	}

	.LoadTransform span {
		font-family: "font";
		font-size: 24px;
		color: #FFFFFF;
		margin-top: 10px;
		display: block;
		margin-left: -20%;
	}

	.nav-container .am_logo {
		transition: 0.3s;
		-webkit-transition: 0.3s;
		margin-top: 60px;
		margin-bottom: 30%;
		position: initial;
		margin-left: 24.7%;
		left: 0;
		background-image: url(../images/logo.png) !important;
	}

	.hd li {
		position: relative;
		height: 80px;
		margin-bottom: 20px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.hd li h2 {
		width: 100%;
		height: 80px;
		font-size: 24px;
		color: #fff;
		line-height: 80px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
	}

	.hd li:hover h2 {
		background-color: rgba(39, 61, 164, 0.95);
		padding-left: 1px;
	}

	.hd li h2 img {
		margin-left: 24.7%;
		vertical-align: middle;
		margin-right: 40px;
	}

	.hdDown {
		width: 180px;
		background-color: rgba(39, 61, 164, 0.95);
		position: absolute;
		right: -180px;
		top: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.hd li:hover .hdDown {
		transform: scale(1);
		-webkit-transform: scale(1);
	}

	.hdDown a {
		display: block;
		text-align: center;
		font-size: 16px;
		color: #fff;
		height: 60px;
		line-height: 60px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.hdDown a:hover {
		background: #2f4bb7;
	}

	#videobg,
	#videobg1,
	#videobg2 {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		background-size: cover;
	}

	.subnav_ul li:last-child,
	.GroupProfileH:last-child,
	.ShareIcon a:last-child,
	.InvestmentFx:nth-of-type(5n),
	.RealtimeFx:nth-of-type(3n),
	.ContactTag:nth-of-type(3n),
	.RecruitFx input.layui-input:last-child,
	.CultureFlex:nth-of-type(4n) {
		margin-right: 0;
	}

	.BaseH {
		font-size: 48px;
		line-height: 58px;
		color: #273d92;
	}

	.active .BaseH,
	.active .MoreProject {
		-webkit-animation: fadeInUp 1s 0.5s ease-in-out both;
		animation: fadeInUp 1s 0.5s ease-in-out both;
	}

	.active .CeramicTxt .MoreProject {
		-webkit-animation: fadeInUp 1s 1.2s ease-in-out both;
		animation: fadeInUp 1s 1.2s ease-in-out both;
	}

	@-webkit-keyframes flipinX {
		0% {
			-webkit-opacity: 0;
			opacity: 0;
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}

		100% {
			-webkit-opacity: 1;
			opacity: 1;
			-webkit-transform: scale(1, 1);
			transform: scale(1, 1);
		}
	}

	.BaseHt {
		font-size: 28px;
		line-height: 36px;
		color: #666;
		margin-top: 15px;
	}

	.active .BaseHt,
	.active .GroupProfileL p,
	.active .Cooperative h2,
	.active .CeramicTxt p,
	.active .CulturalL p,
	.active.p5 .BaseTit p,
	.active .BaseP {
		-webkit-animation: fadeInDown 1s 0.7s ease-in-out both;
		animation: fadeInDown 1s 0.7s ease-in-out both;
	}

	.EarthImg {
		position: absolute;
		max-width: 100%;
		top: 0;
		right: 0;
		height: 96.5%;
	}

	.EarthImg1 {
		position: absolute;
		max-width: 100%;
		bottom: 0;
		left: 0;
		height: 33%;
	}

	.TitCont {
		top: 34%;
		position: absolute;
		left: 20.4%;
		width: 61.4%;
	}

	.TitImg {
		max-width: 60%;
		opacity: 0;
		/* height: 160px; */
		position: absolute;
		left: 0;
		width: 100%;
	}

	.TitLogo {
		position: absolute;
		max-width: 100%;
		/* height: 100%; */
	}

	.TitCont1 .TitImg {
		-webkit-animation: fadeInLeft 1.2s 0.2s ease-in-out both;
		animation: fadeInLeft 1.2s 0.2s ease-in-out both;
		opacity: 1;
	}

	.TitImg1 {
		max-width: 96%;
		position: absolute;
		opacity: 0;
		top: -75px;
		left: -10%;
		z-index: -1;
	}

	.TitCont1 .TitLogo,
	.IndexSpeed1 img {
		-webkit-animation: zoomInDown 1.2s 0.3s ease-in-out both;
		animation: zoomInDown 1.2s 0.3s ease-in-out both;
		opacity: 1;
	}

	.IndexTit1 .TitImg4 {
		-webkit-animation: fadeInUp 1.2s 0.3s ease-in-out both;
		animation: fadeInUp 1.2s 0.3s ease-in-out both;
		opacity: 1;
	}

	.TitCont1 .TitLogo {
		-webkit-animation: leftSpeedIn 1.2s 1s ease-in-out both;
		animation: leftSpeedIn 1.2s 1s ease-in-out both;
		opacity: 1;
	}

	.TitImg2 {
		max-width: 83%;
		position: absolute;
		opacity: 0;
		top: 25px;
		left: 47%;
		/* z-index: -1; */
	}

	.TitCont1 .TitImg2 {
		-webkit-animation: fadeInRight 1.2s 0.5s ease-in-out both;
		animation: fadeInRight 1.2s 0.5s ease-in-out both;
		opacity: 1;
	}

	.TitCont1 .TitImg1 {
		-webkit-animation: fadeInLeft 1.2s 0.5s ease-in-out both;
		animation: fadeInLeft 1.2s 0.5s ease-in-out both;
		opacity: 1;
	}

	.TitImg3 {
		max-width: 40.3%;
		position: absolute;
		opacity: 0;
		right: 0;
	}

	.TitCont1 .TitImg3 {
		-webkit-animation: lightSpeedIn 1.2s 1.1s ease-in-out both;
		animation: lightSpeedIn 1.2s 1.1s ease-in-out both;
	}

	.AddTitCont {
		left: 13.6%;
		top: 24%;
		height: 35%;
		width: 56%;
	}

	.AddTitCont::before {
		content: '';
		width: 0;
		height: 1px;
		position: absolute;
		top: 0;
		left: 100%;
		background-color: #fff;
	}

	.TitCont1.AddTitCont::before {
		-webkit-animation: AddTitCont .8s 0.6s ease-in-out both;
		animation: AddTitCont .8s 0.6s ease-in-out both;
	}

	@keyframes AddTitCont {
		0% {
			-webkit-opacity: 0;
			opacity: 0;
			width: 0;
		}

		100% {
			-webkit-opacity: 1;
			opacity: 1;
			width: 100%;
			left: 0;
		}
	}

	.AddTitCont::after {
		content: '';
		width: 1px;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
	}

	.TitCont1.AddTitCont::after {
		-webkit-animation: AddTitCont1 .8s 1.1s ease-in-out both;
		animation: AddTitCont1 .8s 1.1s ease-in-out both;
	}

	@keyframes AddTitCont1 {
		0% {
			-webkit-opacity: 0;
			opacity: 0;
			height: 0;
		}

		100% {
			-webkit-opacity: 1;
			opacity: 1;
			height: 100%;
		}
	}

	.AddTitYuan {
		width: 17px;
		height: 17px;
		border-radius: 100%;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: -8.5px;
	}

	.TitCont1 .AddTitYuan {
		-webkit-animation: zoomIn .8s 0.5s ease-in-out both;
		animation: zoomIn .8s 0.5s ease-in-out both;
	}

	.AddTitCont img {
		max-width: 100%;
		display: block;
		margin-left: 4%;
		margin-bottom: 3%;
	}

	.AddTitCont img.AddTitContImg {
		margin-left: -38.5%;
		margin-bottom: -4.5%;
		max-width: 140%;
	}

	.TitCont1 .AddTitContImg {
		-webkit-animation: fadeInLeft 0.8s 1.4s ease-in-out both;
		animation: fadeInLeft 0.8s 1.4s ease-in-out both;
	}

	.TitCont1 .AddTitContImg1 {
		-webkit-animation: fadeInLeft 0.8s 1.8s ease-in-out both;
		animation: fadeInLeft 0.8s 1.8s ease-in-out both;
	}

	.TitCont1 .AddTitContImg2 {
		-webkit-animation: fadeInLeft 0.8s 2.2s ease-in-out both;
		animation: fadeInLeft 0.8s 2.2s ease-in-out both;
	}

	.LightImg {
		width: 100%;
		display: none;
		height: 76%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		-webkit-animation: animations 2s ease infinite alternate;
		animation: animations 2s ease infinite alternate;
	}

	@keyframes animations {
		0% {
			opacity: 0.85;
			transform: scale(0.9);
			-webkit-transition: scale(0.9);
		}

		50% {
			opacity: 0.95;
			transform: scale(0.95);
			-webkit-transition: scale(0.95);
		}

		100% {
			opacity: 1;
			transform: scale(1);
			-webkit-transition: scale(1);
		}
	}

	.LightImg1 {
		max-width: 100%;
		position: absolute;
		bottom: 9%;
		left: 35%;
		height: 43%;
		display: none;
		-webkit-animation: animations1 2.5s ease infinite alternate;
		animation: animations1 2.5s ease infinite alternate;
	}

	@keyframes animations1 {
		0% {
			opacity: 0.9;
			transform: scale(0.85);
			-webkit-transition: scale(0.85);
		}

		50% {
			opacity: 0.85;
			transform: scale(0.92);
			-webkit-transition: scale(0.92);
		}

		100% {
			opacity: 1;
			transform: scale(1);
			-webkit-transition: scale(1);
		}
	}

	.YuanImg {
		right: 7%;
		top: 20%;
	}

	.YuanBase {
		position: absolute;
		-webkit-animation: YuanBase 1s ease infinite alternate;
		animation: YuanBase 1s ease infinite alternate;
		border-radius: 100%;
	}

	.YuanImg1 {
		right: 12%;
		top: 30%;
		-webkit-animation: YuanBase 1.5s ease infinite alternate;
		animation: YuanBase 1.5s ease infinite alternate;
	}

	.YuanImg2 {
		right: 16%;
		top: 24%;
		-webkit-animation: YuanBase 2s ease infinite alternate;
		animation: YuanBase 2s ease infinite alternate;
	}

	.YuanImg3 {
		right: 5%;
		top: 24%;
		-webkit-animation: YuanBase 1.3s ease infinite alternate;
		animation: YuanBase 1.3s ease infinite alternate;
	}

	.YuanImg4 {
		right: 7%;
		top: 10%;
		-webkit-animation: YuanBase 1.7s ease infinite alternate;
		animation: YuanBase 1.7s ease infinite alternate;
	}

	.YuanImg5 {
		right: 15%;
		top: 13%;
		-webkit-animation: YuanBase 1.7s ease infinite alternate;
		animation: YuanBase 1.7s ease infinite alternate;
	}

	.YuanImg6 {
		right: 9%;
		top: 14%;
		-webkit-animation: YuanBase 1.3s ease infinite alternate;
		animation: YuanBase 1.3s ease infinite alternate;
	}

	.YuanImg7 {
		right: 18%;
		top: 12%;
		-webkit-animation: YuanBase 1.4s ease infinite alternate;
		animation: YuanBase 1.4s ease infinite alternate;
	}

	.YuanImg8 {
		right: 10%;
		top: 29%;
		-webkit-animation: YuanBase 1.2s ease infinite alternate;
		animation: YuanBase 1.2s ease infinite alternate;
	}

	.YuanImg9 {
		right: 12%;
		top: 36%;
		-webkit-animation: YuanBase 1.1s ease infinite alternate;
		animation: YuanBase 1.1s ease infinite alternate;
	}

	.YuanImg10 {
		right: 22%;
		top: 11%;
		-webkit-animation: YuanBase 1.6s ease infinite alternate;
		animation: YuanBase 1.6s ease infinite alternate;
	}

	.YuanImg11 {
		right: 10%;
		top: 4%;
		-webkit-animation: YuanBase 1.8s ease infinite alternate;
		animation: YuanBase 1.8s ease infinite alternate;
	}

	.YuanImg12 {
		right: 9%;
		top: 23%;
		-webkit-animation: YuanBase 1.9s ease infinite alternate;
		animation: YuanBase 1.9s ease infinite alternate;
	}

	.YuanImg13 {
		right: 4%;
		top: 27%;
		-webkit-animation: YuanBase 1.7s ease infinite alternate;
		animation: YuanBase 1.7s ease infinite alternate;
	}

	.YuanImg14 {
		right: 10%;
		top: 35%;
		-webkit-animation: YuanBase 2.1s ease infinite alternate;
		animation: YuanBase 2.1s ease infinite alternate;
	}

	.YuanImg15 {
		right: 20%;
		top: 7%;
		-webkit-animation: YuanBase 2.2 ease infinite alternate;
		animation: YuanBase 2.2s ease infinite alternate;
	}

	.YuanImg16 {
		right: 5%;
		top: 35%;
		-webkit-animation: YuanBase 2.3s ease infinite alternate;
		animation: YuanBase 2.3s ease infinite alternate;
	}

	@keyframes YuanBase {
		0% {
			opacity: 0.5;
			transform: scale(0.8);
		}

		50% {
			opacity: 1;
			transform: scale(1);
		}

		100% {
			opacity: 0.5;
			transform: scale(0.8);
		}
	}

	.Footer {
		position: relative;
		padding: 80px 0 30px;
		font-size: 14px;
		line-height: 30px;
		background-color: #2f3237;
		color: rgba(255, 255, 255, 0.5);
	}

	.am_subfooterdiv {
		float: left;
		width: 16.6%;
	}

	.am_subfooterdiv h2 {
		font-size: 18px;
		color: #fff;
		margin-bottom: 30px;
	}

	.am_subfooterdiv a {
		color: rgba(255, 255, 255, 0.5);
		font-size: 14px;
		line-height: 32px;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.am_subfooterdiv a:hover,
	.ConsultingTag:hover .ConsultingR h2 {
		color: #3f63ec;
		padding-left: 2px;
	}

	.am_subtag h3 {
		font-size: 22px;
		letter-spacing: 2px;
		color: #ffffff;
	}

	.am_subtag {
		position: relative;
	}

	.EwnImg {
		margin-left: 6%;
		cursor: pointer;
	}

	.EwnCont {
		background-color: #fff;
		padding: 5px;
		position: absolute;
		top: -120px;
		display: none;
		left: -6%;
	}

	.EwnCont img {
		width: 100px;
		height: 100px;
		vertical-align: top;
	}

	.am_bootom {
		width: 100%;
		margin-top: 60px;
		padding: 30px 0 0;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	}

	.am_bootom select {
		color: rgba(255, 255, 255, 0.5);
		background-image: url(../images/select1.png);
		background-size: 9px 6px;
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 20px;
		line-height: 30px;
	}

	.am_bootom select option {
		color: #273d92 !important;
	}

	.am_bootom select:last-child {
		margin-left: 30px;
	}

	.Consulting {
		float: left;
		width: 50%;
	}

	.mt160 .BaseHt {
		font-size: 16px;
		color: #999;
		margin-top: 10px;
	}

	.mt160 {
		padding-top: 10%;
	}

	.BaseBk .mt160 .MoreProject {
		color: #999999;
		width: 120px;
		height: 37px;
		line-height: 37px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		background-color: transparent;
		position: absolute;
		right: 0;
		top: 20px;
		margin: 0;
	}

	.BaseBk .mt160 .MoreProject:hover {
		background-color: #273d92;
		color: #fff;
	}

	.PoRelative {
		position: relative;
	}

	.MoreNew {
		width: 120px;
		height: 37px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		font-size: 14px;
		color: #999999;
		line-height: 37px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.mt35 {
		margin-top: 6%;
	}

	.ConsultingTag {
		display: block;
		height: 160px;
		background-color: #ffffff;
		margin-top: 30px;
		box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
	}

	.ConsultingImg {
		width: 29%;
		height: 100%;
		overflow: hidden;
		float: left;
		position: relative;
	}

	.ConsultingImg img,
	.SocialImg img {
		width: 100%;
		height: 100%;
		object-fit: fill;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	/* 	.SocialImg img {
		margin-left: -1px;
	} */

	.DeviceNext img,
	.RealtimeFx img {
		width: 100%;
		height: 100%;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
	}

	.DeviceNext:hover img,
	.ConsultingTag:hover .ConsultingImg img,
	.RealtimeFx:hover .RealtimeImg img {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
		-ms-transition: scale(1.1);
		-mos-transition: scale(1.1);
	}

	.ConsultingR {
		float: left;
		width: 62.6%;
		margin-left: 3.6%;
	}

	.ConsultingR h2 {
		font-size: 20px;
		line-height: 26px;
		color: #333333;
		margin-top: 30px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ConsultingR h3 {
		font-size: 14px;
		line-height: 24px;
		color: #999;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		height: 20px;
		overflow: hidden;
		padding: 10px 0;
	}

	.ConsultingR span {
		font-size: 12px;
		display: block;
		line-height: 28px;
		color: #ccc;
	}

	.ConsultingR span i {
		float: right;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ConsultingTag:hover .ConsultingR span i {
		color: #3f63ec;
		padding-right: 4px;
	}

	.Social {
		float: right;
		width: 45%;
	}

	.SocialImg {
		width: 100%;
		display: block;
		margin-top: 6%;
		position: relative;
		height: 540px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		overflow: hidden;
		color: #fff;
	}

	.SocialImg .swiper-container,
	.SocialImg .swiper-wrapper {
		height: 100%;
	}

	.SocialImg .swiper-slide a {
		display: block;
		position: relative;
		height: 100%;
	}

	.SocialImg .swiper-slide a .Pro {
		background-image: url(../images/bk3.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		padding: 0px 7% 5%;
		bottom: 0;
	}

	.SocialImg .arrow-left {
		width: 60px;
		height: 60px;
		background-image: url(../images/next1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 40px;
		z-index: 5;
	}

	.SocialImg .arrow-right {
		width: 60px;
		height: 60px;
		background-image: url(../images/next1_h.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 40px;
		z-index: 5;
	}

	.Pro {
		font-size: 14px;
		line-height: 38px;
		color: #ffffff;
		width: 86%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		position: absolute;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		bottom: 5%;
	}

	.Pro p {
		line-height: 20px;
		margin-top: 6px;
	}

	.Device .swiper-slide {
		width: 100%;
		height: 100% !important;
		position: relative;
	}

	.Device .swiper-container,
	.Device .swiper-wrapper {
		width: 100%;
		height: 100% !important;
		position: absolute;
		top: 0;
		left: 0;
	}

	.Device .pagination1 {
		bottom: 40px;
		position: absolute;
		z-index: 1;
		left: 6%;
		width: 50%;
	}

	.Device .pagination1 span {
		position: relative;
		text-align: center;
		float: left;
		cursor: pointer;
		/* overflow: hidden; */
		height: 80px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		width: 15.6%;
	}

	.Device .pagination1 span.swiper-active-switch {
		width: 200px;
		margin-left: -30px;
		margin-right: 30px;
	}

	.active .Device .pagination1 span,
	.IndexSpeed1 h2 {
		-webkit-animation: fadeInDown 1s 1s ease-in-out both;
		animation: fadeInDown 1s 1s ease-in-out both;
	}

	.active .Device .pagination1 span:nth-of-type(2),
	.IndexSpeed1 p,
	.IndexTit1 .TitImg5 {
		-webkit-animation: fadeInDown 1s 1.2s ease-in-out both;
		animation: fadeInDown 1s 1.2s ease-in-out both;
	}

	.active .Device .pagination1 span:nth-of-type(3) {
		-webkit-animation: fadeInDown 1s 1.4s ease-in-out both;
		animation: fadeInDown 1s 1.4s ease-in-out both;
	}

	.active .Device .pagination1 span:nth-of-type(4) {
		-webkit-animation: fadeInDown 1s 1.6s ease-in-out both;
		animation: fadeInDown 1s 1.6s ease-in-out both;
	}

	.active .Device .pagination1 span:nth-of-type(4).swiper-active-switch {
		width: 24.5%;
	}

	.active .Device .pagination1 span:nth-of-type(4).swiper-active-switch h2 {
		width: 190px;
		left: 68px;
	}

	.active .Device .pagination1 span:nth-of-type(5) {
		-webkit-animation: fadeInDown 1s 1.8s ease-in-out both;
		animation: fadeInDown 1s 1.8s ease-in-out both;
	}

	.Device .pagination1 span h2 {
		width: 80%;
		font-size: 16px;
		-webkit-transform: translateX(20%);
		transform: translateX(20%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: #fff;
		border-radius: 0px 20px 20px 0;
		color: #073190;
		top: 20px;
		position: absolute;
		left: 25%;
		visibility: hidden;
		z-index: -1;
	}

	.Device .pagination1 span.swiper-active-switch h2,
	.Device .pagination1 span:hover h2 {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		visibility: visible;
	}

	.Device .pagination1 span .time_list_img {
		width: 80px;
		height: 80px;
		background-color: #2f3237;
		border-radius: 100%;
		position: absolute;
		left: 10px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.Device .pagination1 span.swiper-active-switch .time_list_img,
	.Device .pagination1 span:hover .time_list_img {
		background-color: #073190;
	}

	/* 	.Device .pagination1 span.swiper-active-switch::after,
	.Device .pagination1 span:hover::after {
		content: '';
		width: 108px;
		height: 108px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		border-radius: 100%;
		top: 0;
		left: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-webkit-transform: scale(1);
		transform: scale(1);
	} */

	.Device .pagination1 span:first-of-type .time_list_img {
		background-image: url(../images/icon12.png);
		background-size: 36px 30px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.Device .pagination1 span:nth-of-type(2) .time_list_img {
		background-image: url(../images/icon13.png);
		background-size: 36px 30px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.Device .pagination1 span:nth-of-type(3) .time_list_img {
		background-image: url(../images/icon14.png);
		background-size: 36px 30px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.Device .pagination1 span:nth-of-type(4) .time_list_img {
		background-image: url(../images/icon15.png);
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.Device .pagination1 span:nth-of-type(5) .time_list_img {
		background-image: url(../images/icon16.png);
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.BaseTit {
		position: absolute;
		z-index: 50;
		left: 3%;
		top: 28%;
	}

	.BaseTit .BaseP {
		text-align: center;
		font-size: 14px;
		color: #fff;
		line-height: 28px;
		margin-top: 3%;
	}

	.p5 .BaseTit {
		top: 23%;
		text-align: left;
		color: #fff;
		font-size: 14px;
		line-height: 28px;
		left: 0;
	}

	.p5 .BaseTit p {
		padding-top: 6%;
	}

	.Investment .BaseTit {
		top: 18%;
	}

	.BaseTit .BaseH,
	.BaseTit .BaseHt,
	.Inovate1 .BaseH,
	.ProjectsL .BaseH,
	.Glory .BaseH {
		color: #FFFFFF;
	}

	.DeviceSub {
		width: 48.2%;
		height: 16.6%;
		background-color: #fff;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 6;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		transform: scale(0);
	}

	.Device .swiper-slide-active .DeviceSub {
		transform: scale(1);
	}

	.DeviceSubImg {
		margin-left: 2%;
		position: relative;
		height: 100%;
		float: left;
		width: 11%;
	}

	.DeviceSubR {
		height: 100%;
		float: left;
		width: 60%;
		overflow: hidden;
		position: relative;
	}

	.DeviceSubR .CenterPro {
		width: 99%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		left: 0;
		border-left: 1px solid rgba(47, 50, 55, 0.1);
	}

	.DeviceSub h2 {
		font-size: 30px;
		line-height: 36px;
		color: #273d92;
		padding-left: 30px;
	}

	.DeviceSub p {
		font-size: 14px;
		color: #cccccc;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		padding-left: 30px;
		padding-top: 12px;
	}

	.DeviceNext {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.DeviceArrow {
		position: absolute;
		height: 16.6%;
		bottom: 0;
		right: 0;
		z-index: 5;
	}

	.Device .arrow-left {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/jt2.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		border-radius: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 160px;
	}

	.Device .arrow-right {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/jt3.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		border-radius: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 54px;
	}

	.Device .arrow-left:hover {
		background-image: url(../images/jt2_h.png);
		border: solid 1px #273d92;
		-webkit-transform: scale(1.1) translateY(-50%);
		transform: scale(1.1) translateY(-50%);
	}

	.Device .arrow-right:hover {
		background-image: url(../images/jt3_h.png);
		border: solid 1px #273d92;
		-webkit-transform: scale(1.1) translateY(-50%);
		transform: scale(1.1) translateY(-50%);
	}

	.p4 {
		background-image: url(../images/index.jpg);
	}

	.CulturalL {
		padding-top: 10%;
		float: left;
		width: 26%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}

	.CulturalSwiper {
		width: 42.3%;
		float: left;
	}

	.CulturalSwiper .swiper-slide {
		height: 100%;
		opacity: 0.4;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-ms-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}

	.CulturalSwiper .swiper-slide img {
		width: 61%;
		height: 100%;
	}

	.CulturalSwiper .swiper-slide-active img {
		width: 85%;
	}

	.CulturalSwiper .swiper-slide h2 {
		font-size: 16px;
		color: #fff;
		position: absolute;
		bottom: 0;
		opacity: 0;
		background-image: url(../images/bk3.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		width: 82.2%;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}

	.CulturalSwiper .swiper-slide-active h2 {
		opacity: 1;
	}

	.CulturalSwiper .swiper-slide-visible {
		opacity: 0.5;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	.CulturalSwiper .swiper-slide-active {
		position: relative;
		left: 10%;
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.CulturalR {
		width: 32.6%;
		position: absolute;
		height: 92%;
		background-image: url(../images/img8.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		font-size: 14px;
		color: #999;
		z-index: 10;
		bottom: 0;
		right: -2%;
	}

	.CulturalR::after {
		content: '';
		background-image: url(../images/border1.png);
		background-size: cover;
		width: 29px;
		height: 29px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		left: 1%;
		top: -1.5%;
		-webkit-animation-name: 'ripple';
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-delay: 0s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
	}

	@keyframes ripple {
		0% {

			opacity: 0.5;
			transform: scale(0.8);
			-webkit-transition: scale(0.8);
		}

		100% {

			opacity: 1;
			transform: scale(1);
			-webkit-transition: scale(1);
		}
	}

	.CulturalR .pagination {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	.CulturalR .pagination span {
		width: 220px;
		height: 220px;
		position: absolute;
		top: 0;
		left: -3%;
		z-index: 5;
		cursor: pointer;
	}

	.CulturalImg {
		position: absolute;
		top: 12%;
		left: 11.5%;
		width: 155px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		text-align: right;
		color: #273d92;
		cursor: pointer;
	}

	.CulturalImg:after {
		content: '';
		background-image: url(../images/border.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		width: 18px;
		left: -5%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		bottom: 0;
		height: 18px;
		z-index: 5;
	}

	.CulturalImg:nth-of-type(2):after {
		left: 14%;
	}

	.CulturalImg:nth-of-type(3):after {
		left: 47%;
	}

	.CulturalImg:nth-of-type(4):after {
		left: -11%;
	}

	.CulturalImg:nth-of-type(5):after {
		left: 11%;
	}

	.CulturalBorder {
		width: 120px;
		height: 120px;
		position: absolute;
		border: solid 1px #e9e9e9;
		border-radius: 50%;
		padding: 8px;
		overflow: hidden;
		top: -785%;
		right: 3%;
		transform: scale(0);
		-webkit-transition: scale(0);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CulturalImg:nth-of-type(2) .CulturalBorder {
		right: 10%;
	}

	.CulturalImg:nth-of-type(3) .CulturalBorder {
		right: -22%;
	}

	.CulturalImg:nth-of-type(4) .CulturalBorder {
		right: -6%;
	}

	.CulturalImg:nth-of-type(5) .CulturalBorder {
		right: 95%;
	}

	.CulturalImg.on .CulturalBorder {
		transform: scale(1);
		-webkit-transition: scale(1);
	}

	.CulturalBorder img {
		width: 100%;
		border-radius: 50%;
		height: 100%;
	}

	.CulturalImg:nth-of-type(2),
	.CulturalR .pagination span:nth-of-type(2) {
		top: 32%;
		left: 17%;
		width: 230px;
	}


	.CulturalImg:nth-of-type(3),
	.CulturalR .pagination span:nth-of-type(3) {
		top: 57%;
		left: 1.5%;
	}


	.CulturalImg:nth-of-type(4),
	.CulturalR .pagination span:nth-of-type(4) {
		top: 81%;
		left: 51.2%;
		width: 130px;
	}


	.CulturalImg:nth-of-type(5),
	.CulturalR .pagination span:nth-of-type(5) {
		top: 23%;
		left: 74%;
	}

	.CulturalImg:nth-of-type(5) i {
		float: left;
		margin-left: -77%;
	}

	.CulturalR .pagination span:nth-of-type(5) i {
		float: left;
		margin-left: -75%;
	}

	.CeramicTxt {
		font-size: 14px;
		line-height: 28px;
		color: #ffffff;
		padding-top: 10%;
	}

	.CeramicTxt .BaseHt,
	.CeramicTxt .BaseH,
	.CeramicTxt p {
		color: #fff;
	}

	.CeramicTxt .BaseHt {
		padding-bottom: 60px;
	}

	.CeramiCont {
		width: 100%;
		height: 27%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 50;
		background-image: url(../images/bk3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.CeramicTab {
		width: 18.7%;
		position: absolute;
		left: 0;
		z-index: 5;
		height: 100%;
		top: 0;
		border-right: 1px solid rgba(39, 61, 146, 0.1);
	}

	.active .CeramicTab,
	.active .CulturalR,
	.active .SocialImg {
		-webkit-animation: fadeInRight 1s 0.6s ease-in-out both;
		animation: fadeInRight 1s 0.6s ease-in-out both;
	}

	.CeramicTab a {
		float: left;
		font-size: 12px;
		text-align: center;
		letter-spacing: 1px;
		color: #999999;
		height: 50%;
		width: 100%;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border-bottom: 1px solid rgba(39, 61, 146, 0.1);
	}

	.CeramicTabR {
		float: left;
		width: 49%;
		margin-top: 11%;
		text-align: left;
	}

	.CeramicTabR h2 {
		font-size: 24px;
		color: #2f3237;
		display: block;
	}

	.CeramicTab a img {
		vertical-align: middle;
		margin-right: 4%;
		float: left;
		width: 46px;
		height: 46px;
		border-radius: 100%;
		margin-top: 12%;
		margin-left: 30%;
	}

	.CeramicTab a.active::after {
		content: '';
		width: 2px;
		height: 40px;
		background-color: #273d92;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: -0.3%;
	}

	.CeramicTab a.active .CeramicTabR h2,
	.CeramicTab a.active .CeramicTabR i {
		color: #273d92;
	}

	.ActiveImgH,
	.CeramicSub,
	.Cooperative .swiper-slide:hover .ActiveImg,
	.DevelopMarkSub,
	.CeramicTab a.active .ActiveImg,
	.CulturalDiv .CulturalCtR {
		display: none;
	}

	.Cooperative .swiper-slide:hover .ActiveImgH {
		display: block;
	}

	.CeramicTab a.active .ActiveImgH {
		display: inline-block;
	}

	.CeramicSub {
		position: absolute;
		height: 100%;
		bottom: 0%;
		left: 0;
		width: 100%;
	}

	.CeramicSub:first-of-type .CeramicTag {
		width: 16.6%;
	}

	.active .CulturalSwiper,
	.active .ConsultingTag {
		-webkit-animation: fadeInLeft 1s 1s ease-in-out both;
		animation: fadeInLeft 1s 1s ease-in-out both;
	}

	.active .CeramicSub {
		-webkit-animation: fadeInUp 0.8s 0.2s ease-in-out both;
		animation: fadeInUp 0.8s 0.2s ease-in-out both;
	}

	.active .ConsultingTag:nth-of-type(2) {
		-webkit-animation: fadeInLeft 1s 1.2s ease-in-out both;
		animation: fadeInLeft 1s 1.2s ease-in-out both;
	}

	.active .ConsultingTag:nth-of-type(3) {
		-webkit-animation: fadeInLeft 1s 1.4s ease-in-out both;
		animation: fadeInLeft 1s 1.4s ease-in-out both;
	}

	.CeramicSub .container {
		height: 100%;
		padding-left: 18.7%;
		padding-right: 0;
	}

	.CeramicTag {
		float: left;
		width: 20%;
		position: relative;
		height: 100%;
		overflow: hidden;
		color: #2f3237;
		font-size: 15px;
		text-align: center;
		vertical-align: top;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CeramicTag .CeramicTagImg {
		width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.CeramicTagSub {
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		transform: scale(0);
		-webkit-transition: scale(0);
	}

	.CeramicTag:hover .CeramicTagSub {
		transform: scale(1);
		-webkit-transition: scale(1);
	}

	.CeramicTag .CeramicTagIcon {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		opacity: 0.3;
		max-width: 62%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.CeramicTag:last-child .CeramicTagIcon {
		max-width: 30%;
		margin-left: -15%;
	}

	.CeramicTag:last-child:hover .CeramicTagIcon {
		max-width: 33%;
	}

	.CeramicTag:nth-of-type(4) .CeramicTagIcon {
		max-width: 43%;
	}

	.CeramicTag:hover .CeramicTagIcon {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
		filter: none;
		opacity: 1;
		max-width: 68%;
	}

	.CeramicTag:nth-of-type(4):hover .CeramicTagIcon {
		max-width: 45%;
	}

	.CeramicTagSub,
	.CeramicTagSub img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.CeramicTagImg img {
		height: 80px;
		max-width: 50%;
		padding-bottom: 12%;
		object-fit: contain;
	}

	.CeramicTag h2 {
		opacity: 0;
		transform: translateY(150px);
		-webkit-transform: translateY(150px);
		font-size: 60px;
		text-align: center;
		letter-spacing: -2px;
		color: #fff;
		line-height: 48px;
		position: relative;
		padding-top: 70px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CeramicTag h2 i {
		font-size: 24px;
		letter-spacing: -1px;
		vertical-align: top;
		line-height: 24px;
		padding-left: 5px;
	}

	.CeramicTag p,
	.CeramicTag:last-child .CeramicTagSub p {
		font-size: 16px;
		text-align: center;
		color: #2f3237;
		padding-top: 10px;
	}

	.CeramicTag .CeramicTagSub p {
		font-size: 17px;
		color: #fff;
		letter-spacing: -1px;
		position: relative;
		padding-top: 40%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		opacity: 0;
		transform: translateY(-150px);
		-webkit-transform: translateY(-150px);
	}

	.CeramicTag:hover .CeramicTagSub p,
	.CeramicTag:hover .CeramicTagSub h2,
	.CeramicTag:last-child .CeramicTagSub p,
	.CeramicTag:last-child .CeramicTagSub h2 {
		opacity: 1;
		transform: translate(0, 0);
	}

	.CeramicTag:last-child .CeramicTagSub p {
		opacity: 1 !important;
		transform: none !important;
		line-height: initial;
	}

	.CeramicTag:last-child .CeramicTagSub {
		transform: scale(1) translate(-50%, -50%);
		-webkit-transition: scale(1) translate(-50%, -50%);
		max-height: 100%;
		height: auto;
		left: 50%;
		top: 50%;
	}

	.CeramicTag:last-child .CeramicTagSub h2,
	.CeramicTag:last-child .CeramicTagSub p {
		margin-left: -15%;
	}

	.CeramicTag:last-child h2 {
		font-size: 24px;
		height: 80px;
		padding-bottom: 12%;
		color: #999;
		line-height: initial;
		padding-top: 0;
		top: 20px;
	}

	.CeramicTag:last-child h2 i {
		display: block;
	}

	.Strategy {
		height: 41.6%;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.GroupProfile:after {
		content: '';
		background-image: url(../images/logo2.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		height: 100%;
		width: 50.6%;
		top: 3%;
		right: -10%;
		z-index: -1;
	}

	.GroupProfile {
		height: 100%;
	}

	.GroupProfile .PoRelative {
		height: 100%;
		float: right;
		width: 67.6%;
	}

	.GroupProfileL .BaseH {
		margin-bottom: 35px;
	}

	.GroupProfileL {
		width: 100%;
		font-size: 14px;
		line-height: 28px;
		color: #999999;
		padding-top: 10%;
	}

	.BaseBk .MoreProject {
		margin: 30px 0 0;
		width: 80px;
		height: 35px;
		font-size: 14px;
		line-height: 35px;
	}

	.BaseBk .GroupProfileL .MoreProject {
		margin-top: 3.5%;
	}

	.p2.BaseBk .MoreProject,
	.p5.BaseBk .MoreProject {
		background: transparent;
		border: 1px solid #fff;
	}

	.p2.BaseBk .MoreProject:hover::after,
	.p3.BaseBk .MoreProject:hover::after,
	.p5.BaseBk .MoreProject:hover::after,
	.RealtimeFx:hover .RealtimeCt span::after {
		background-image: url(../images/jt1_h.png);
	}

	.p2.BaseBk .MoreProject:hover,
	.p5.BaseBk .MoreProject:hover {
		background-color: #273d92;
		border: 1px solid #273d92;
	}

	.p3.BaseBk .MoreProject {
		position: absolute;
		bottom: 2%;
		background: transparent;
		border: 1px solid #fff;
		left: 48%;
		max-width: 100%;
		z-index: 1;
	}

	.p3.BaseBk .CeramicTxt .MoreProject {
		position: relative;
		bottom: 0;
		left: 0;
		margin: 0;
	}

	.MoreData:hover {
		padding-left: 3px;
	}

	.GroupProfileR {
		float: right;
		width: 35%;
		height: 100%;
		position: relative;
	}

	.active .MappingImg,
	.active .TitPublie {
		filter: alpha(opacity=100);
		-moz-opacity: 100;
		opacity: 100;
		transition-delay: 1s;
		-webkit-transition-delay: 1s;
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}

	.GroupProfileYear {
		height: 27%;
		width: 100%;
		position: absolute;
		bottom: 0;
		background-image: url(../images/bk6.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		opacity: 0;
		transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		left: 0;
	}

	.MappingImg {
		background-color: #000000;
		width: 100%;
		height: 100%;
		position: relative;
		opacity: 0;
		transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		overflow: hidden;
	}

	.active .MappingImg {
		transition-delay: 1.2s;
		-webkit-transition-delay: 1.2s;
	}

	.MappingImg img,
	.IntroductionSub img,
	.IntroductionSub img {
		width: 100%;
		height: 100%;
	}

	.MappingImg .play {
		background-image: url(../images/video.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		background-color: rgba(29, 29, 29, 0.5);
		transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
	}

	.SquareInchR .MappingImg:hover .play {
		background-color: transparent;
	}

	.vid {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
		display: none;
	}

	.Cooperative {
		height: 100%;
		float: left;
		width: 23%;
		margin-left: 6%;
	}


	.Cooperative h2 {
		font-size: 20px;
		padding-bottom: 30px;
		line-height: 30px;
		color: #999;
	}

	.active .Cooperative h2 {
		-webkit-animation: fadeInDown 1s 0.7s ease-in-out both;
		animation: fadeInDown 1s 0.7s ease-in-out both;
	}

	.Cooperative .swiper-container {
		height: 70%;
		width: 99%;
		margin: 0;
	}

	.Cooperative .swiper-wrapper {
		height: 100% !important;
	}

	.active .Cooperative .swiper-container {
		-webkit-animation: fadeInUp 1s 1s ease-in-out both;
		animation: fadeInUp 1s 1s ease-in-out both;
	}

	.Cooperative .CooperativeSwiImg {
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		cursor: pointer;
		background-image: url(../images/bk2.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		position: relative;
		float: left;
		width: 20.6%;
		height: 104px;
		margin-bottom: 18px;
		margin-right: 3.5%;
	}

	.Cooperative .swiper-slide img {
		max-width: 70%;
		max-height: 70%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		-webkit-transition: .3s;
		transition: .3s;
		opacity: 0.5;
	}

	.Cooperative .swiper-slide .CooperativeSwiImg:hover img {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
		filter: none;
		margin-top: -5px;
		opacity: 1;
	}

	.Cooperative .pagination {
		width: 100%;
		height: 8px;
		font-size: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	.Cooperative .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		vertical-align: top;
		height: 8px;
		border-radius: 100%;
		background-color: rgba(0, 0, 0, 0.2);
		margin-right: 15px;
		cursor: pointer;
	}

	.Cooperative .swiper-active-switch {
		background-color: #273d92;
	}

	.Development {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: -ms-flexbox;
		position: relative;
	}

	.Development .BaseTit {
		text-align: center;
		width: 100%;
		padding-top: 7%;
		left: 0;
		top: 0;
	}

	.DevelopmentTab {
		width: 100%;
		position: relative;
		height: 100%;
	}

	.pic {
		height: 100%;
		cursor: pointer;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		transition: all 0.2s ease-in;
		-webkit-transition: all 0.2s ease-in;
		float: left;
		position: relative;
		overflow: hidden;
		width: 50%;
		box-sizing: border-box;
	}

	.pic:last-child {
		position: absolute;
		right: 0;
		top: 0;
	}

	.PicImg {
		text-align: center;
		position: absolute;
		top: 60%;
		left: 100%;
		width: 108px;
		background-image: url(../images/border2.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 108px;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		border-radius: 100%;
		-webkit-animation: bs linear 3s 5.2s infinite alternate;
		-moz-animation: bs linear 3s 5.2s infinite alternate;
		animation: bs linear 3s 5.2s infinite alternate;
		transition: all 1s ease-in;
		-webkit-transition: all 1s ease-in;
	}

	@keyframes bs {
		0% {
			box-shadow: inset -14px 8px 6px 3px rgba(255, 255, 255, 0.2), inset 1px -1px 3px 2px rgba(255, 255, 255, 0.5), 0 0 0px 0 rgba(255, 255, 255, 0.7);
		}

		50% {
			box-shadow: inset -14px 8px 6px 3px rgba(255, 255, 255, 0.2), inset 1px -1px 3px 2px rgba(255, 255, 255, 0.5), 0 0 20px 0 rgba(255, 255, 255, 0.7);
		}

		100% {
			box-shadow: inset -14px 8px 6px 3px rgba(255, 255, 255, 0.2), inset 1px -1px 3px 2px rgba(255, 255, 255, 0.5), 0 0 0px 0 rgba(255, 255, 255, 0.7);
		}
	}

	.PicImg h2 {
		font-size: 20px;
		color: #273d92;
		text-align: center;
		padding-top: 28px;
		position: relative;
	}

	@keyframes PicImg {
		0% {

			opacity: 0.9;
			transform: translate(-50%, -50%) scale(0.95);
			-webkit-transition: translate(-50%, -50%) scale(0.95);
		}

		100% {

			opacity: 1;
			transform: translate(-50%, -50%) scale(1);
			-webkit-transition: translate(-50%, -50%) scale(1);
		}
	}

	.pic:last-child .PicImg {
		left: 0;
	}

	.p3.active .PicImg {
		left: 10%;
	}

	.p3.active .pic:first-of-type .PicImg {
		left: 90%;
	}

	.pic:first-of-type .PicImg h2::after {
		background-image: url(../images/jt5t.png);
		left: -25%;
		right: initial;
		-webkit-animation: BackNext 1.2s infinite alternate ease-in-out;
		animation: BackNext 1.2s infinite alternate;
	}

	.pic:first-of-type .deveSwiper .PicImg h2::after {
		background-image: url(../images/jt4t.png);
		right: -25%;
		left: initial;
	}

	/* 陶瓷 */
	.OtherBanner,
	.OtherBanner img {
		width: 100%;
		vertical-align: top;
	}

	.TitNav {
		height: 68px;
		text-align: center;
		background-color: #fff;
		font-size: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.TitNav a {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #999;
		margin-right: 45px;
		line-height: 68px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitNav a:last-child {
		margin-right: 0;
	}

	.TitNav a:hover,
	.TitNav a.active,
	.CulturalTab a.active {
		color: #273d92;
	}

	/* 概况 */
	.Survey .container {
		padding-top: 150px;
		padding-bottom: 90px;
	}

	.SurveyR {
		float: left;
		padding-top: 6%;
		width: 51%;
	}

	.SurveyShow {
		position: relative;
		height: 617px;
		border: solid 1px rgba(0, 0, 0, .1);
		width: 617px;
		float: left;
		border-radius: 100%;
	}

	.SurveyRFlex {
		width: 177px;
		cursor: pointer;
		height: 177px;
		background-color: #ffffff;
		border: solid 1px #e8e8e8;
		border-radius: 100%;
		position: absolute;
		top: -14.3%;
		left: 35.5%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.SurveyRFlex:hover {
		border: solid 1px #273d92;
	}

	.SurveyRFlex:nth-of-type(2) {
		left: -13.2%;
		top: 26.6%;
	}

	.SurveyRFlex:nth-of-type(3) {
		left: 7.7%;
		top: 76.9%;
	}

	.SurveyRFlex:nth-of-type(4) {
		left: 63%;
		top: 76.9%;
	}

	.SurveyRFlex:nth-of-type(4) img {
		max-width: 50%;
		max-height: 50%;
	}

	.SurveyRFlex:nth-of-type(4):hover img {
		max-width: 55%;
		max-height: 55%;
	}

	.SurveyRFlex:nth-of-type(5) {
		left: 84%;
		top: 26.6%;
	}

	.SurveyRFlex img {
		max-width: 80%;
		max-height: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.SurveyRFlex:hover img {
		max-width: 85%;
		max-height: 85%;
	}

	.SurveyRLogo {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.Introduction {
		background-image: url(../images/bk8.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 960px;
		background-attachment: fixed;
	}

	.Introduction .container {
		min-height: 960px;
	}

	.IntroductionDevice {
		width: 600px;
		height: 600px;
		position: relative;
		background-image: url(../images/border7.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.Introduction .swiper-container {
		width: 510px;
		height: 510px;
		border-radius: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.IntroductionDevice .arrow-left {
		background-image: url(../images/next1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		left: 85px;
		z-index: 2;
		border-radius: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		top: 46%;
		width: 60px;
		height: 60px;
	}

	.IntroductionDevice .arrow-right {
		background-image: url(../images/prev1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		right: 85px;
		z-index: 2;
		border-radius: 100%;
		top: 46%;
		width: 60px;
		height: 60px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.IntroductionDevice .arrow-left:hover {
		transform: translateX(-3px) scale(1.08);
		-webkit-transform: translateX(-3px) scale(1.08);
	}

	.IntroductionDevice .arrow-right:hover {
		transform: translateX(3px) scale(1.08);
		-webkit-transform: translateX(3px) scale(1.08);
	}

	.IntroductionR,
	.IntroductionR .pagination {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 6%;
		z-index: 1;
	}

	.IntroductionR .pagination {
		width: 100%;
		height: 100%;
	}

	.IntroductionTab a,
	.IntroductionR .pagination span {
		position: relative;
		margin-bottom: 15px;
		padding-right: 20px;
		text-align: right;
		font-size: 14px;
		line-height: 36px;
		color: rgba(255, 255, 255, 0.3);
		display: block;
		cursor: pointer;
	}

	.IntroductionTab a h2 {
		font-size: 16px;
		line-height: 28px;
	}

	.IntroductionR .pagination span {
		height: 26px;
	}

	.IntroductionTab a.active::after {
		background-color: rgba(255, 255, 255, 1);
	}

	.IntroductionTab a::after {
		content: '';
		width: 6px;
		height: 6px;
		border-radius: 100%;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 0;
	}

	.IntroductionTab a.active {
		color: #fff;
	}

	.Introduction .BaseTit {
		width: 22%;
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		top: 40%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 6%;
	}

	.IntroductionSub {
		position: relative;
		height: 100%;
		width: 100%;
	}

	.IntroductionSub h2 {
		font-size: 18px;
		bottom: 0;
		padding: 54px 0;
		position: absolute;
		width: 100%;
		text-align: center;
		color: #ffffff;
		background-image: url(../images/bk3.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
	}

	.IntroductionSub .BaseTit {
		top: 15%;
	}

	.IntroductionSub .BaseTit h2,
	.Network .BaseTit h2 {
		margin-bottom: 60px;
	}


	.Network,
	.Culture,
	.CulturalBk {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		min-height: 960px;
		position: relative;
		background-attachment: fixed;
	}

	.Network .BaseTit {
		top: 12.5%;
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
		left: 0;
	}

	.NetworkCont {
		margin-top: 110px;
	}

	.NetworkContFx {
		width: 100px;
		float: left;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		line-height: 32px;
		margin-right: 50px;
		font-family: 'font';
	}

	.NetworkContFx:nth-of-type(2) {
		width: 115px;
		margin-right: 35px;
	}

	.NetworkContFx:nth-of-type(3) {
		width: 150px;
		margin-right: 0;
	}

	.NetworkContBx {
		width: 100px;
		height: 100px;
		font-size: 25px;
		line-height: 100px;
		text-align: center;
		border: solid 2px rgba(255, 255, 255, 0.2);
		border-radius: 100%;
		position: relative;
		margin: 0px auto 10px;
		font-weight: bold;
	}

	.NetworkContBx img {
		position: absolute;
		top: -2px;
		right: -2px;
	}

	/* 品质 */
	.Quality {
		margin: 120px 0px;
	}

	.Quality .QualityL,
	.GroupProfi .QualityL {
		float: none;
		width: 100%;
	}

	.Quality .QualityL {
		position: relative;
	}

	.QualityL,
	.QualityLs {
		float: left;
		width: 43%;
		font-size: 14px;
		color: #999;
		line-height: 24px;
	}

	.Quality .QualityLs {
		margin-top: 80px;
	}

	.QualityLH {
		font-size: 100px;
		color: #f9f9f9;
		line-height: 32px;
		white-space: nowrap;
	}

	.QualityL .BaseH,
	.GreenDevelop .BaseH,
	.Ceramics .BaseH {
		margin-bottom: 24px;
	}

	.Introduction .BaseTit .BaseH {
		margin-bottom: 75px;
	}

	.QualityLHt {
		font-size: 36px;
		line-height: 60px;
		color: #2f3237;
		/* margin-top: 80px; */
		margin-bottom: 30px;
	}

	.QualityL img {
		max-width: 71%;
		margin-top: 8%;
		vertical-align: top;
	}

	.QualityImg {
		position: absolute;
		width: 44%;
		bottom: 0;
		right: 6%;
	}

	.QualityControl {
		background-color: #2f3237;
		padding-top: 120px;
		padding-bottom: 74px;
		min-height: 766px;
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.QualityControlH {
		font-size: 36px;
		margin-bottom: 40px;
		line-height: 50px;
		color: #ffffff;
	}

	.QualityControlSub {
		margin-top: 20px;
		height: 530px;
		overflow: hidden;
		position: relative;
	}

	.QualityControlSub .swiper-container,
	.QualityControlSub .swiper-wrapper {
		height: 100%;
	}

	.QualitArrow {
		left: 50%;
		width: 24%;
		bottom: 43px;
		position: absolute;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		height: 60px;
		z-index: 6;
	}

	.QualitArrow .arrow-left,
	.QualitArrow .arrow-right {
		width: 60px;
		height: 60px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		border-radius: 100%;
		z-index: 6;
		cursor: pointer;
		bottom: -35px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.QualityControlSub .arrow-left {
		background-image: url(../images/next1.png);
		left: 0;
	}

	.QualityControlSub .arrow-right {
		background-image: url(../images/prev1.png);
		right: 0;
	}

	.QualityControlFx {
		float: left;
		position: relative;
		width: 16.6%;
		list-style: none;
		padding-top: 153px;
	}

	.QualityControlFx .tit {
		height: 148px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		overflow: hidden;
	}

	.QualityControlFx .tit img {
		display: block;
		width: auto;
		height: 100%;
		margin: 0 auto;
		max-width: 100%;
		object-fit: contain;
	}

	.QualityControlFx h2 {
		font-size: 16px;
		color: #fff;
		line-height: 22px;
		margin-bottom: 14px;
		overflow: hidden;
	}

	.QualityControlFx a {
		display: block;
		max-width: 87%;
		margin: 0px auto;
		height: 265px;
		padding-top: 55px;
		position: relative;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}


	.QualityControlFx a:hover {
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	.QualityControlFx .box {
		height: 5px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		overflow: hidden;
		display: block;
		margin: 0px auto;
		font-size: 14px;
		line-height: 22px;
		color: #ffffff;
	}

	.QualityControlFx .pict {
		position: relative;
		height: 0;
		padding-top: 49.4%;
		margin-bottom: 15px;
		overflow: hidden;
		width: 100%;
		background: #fff;
	}

	.QualityControlFx .pict img {
		display: block;
		max-width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.QualityControlFx:hover .box {
		-webkit-animation: 1s both heig;
		-moz-animation: 1s both heig;
		-ms-animation: heig 1s both;
		-o-animation: 1s both heig;
		animation: 1s both heig;
	}

	@keyframes heig {
		0% {
			height: 5px
		}

		100% {
			height: 100%
		}
	}

	@-moz-keyframes heig {
		0% {
			height: 5px
		}

		100% {
			height: 100%
		}
	}

	.QualityControlFx1,
	.QualityControlFx4 {
		padding-top: 215px;
	}

	.QualityControlFx2,
	.QualityControlFx5 {
		margin-top: -136px;
	}

	.QualityControlSub .pagination {
		position: absolute;
		text-align: center;
		bottom: 4.1%;
		z-index: 5;
		font-size: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.QualityControlSub .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		height: 8px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		border-radius: 100%;
		background-color: rgba(255, 255, 255, 1);
		margin-right: 8px;
		cursor: pointer;
	}

	.QualityControlSub .swiper-active-switch {
		width: 36px;
		background-color: #273d92;
		border-radius: 4px;
	}

	.Inovate1 {
		background-image: url(../images/img11.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 1080px;
		background-attachment: fixed;
	}

	.CenterText {
		text-align: center;
	}

	.Inovate1 .QualityL {
		float: none;
		width: auto;
		position: relative;
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.Inovate1 .QualityL .QualityLH,
	.Glory .QualityLH {
		color: rgba(255, 255, 255, 0.15);
	}

	.InovateL {
		float: left;
		width: 40%;
	}

	.InovateR {
		float: right;
		width: 60%;
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
		padding-top: 30px;
	}

	.InovateTab {
		margin-top: 60px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.InovateTab.WorkHonor {
		display: block;
	}

	.InovateSwiper {
		width: 85%;
		height: 580px;
		background-color: #ffffff;
		float: right;
		position: relative;
	}

	.InovateSwiper .arrow-left {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/next_1.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 40%;
		right: 6%;
		z-index: 5;
		border-radius: 100%;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	.InovateSwiper .arrow-right {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/next_1.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 54%;
		transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		right: 6%;
		border-radius: 100%;
		z-index: 5;
	}

	.InovateSwiper .swiper-container {
		width: 97%;
		left: -10%;
		height: 580px;
	}

	.InovateSwiper .swiper-wrapper {
		padding: 80px 0;
	}

	.InovateSwiper .swiper-slide {
		position: relative;
	}

	.InovateSwiperImg {
		float: left;
		width: 32%;
		height: 420px;
		position: relative;
	}

	.InovateSwiperImg img {
		left: 1px;
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		max-height: 100%;
	}

	.InovateSwiperR {
		float: right;
		position: relative;
		width: 59%;
	}

	.InovateSwiperR h2 {
		font-size: 36px;
		margin: 30px 0;
		color: #2f3237;
	}

	.InovateSwiperR p {
		font-size: 14px;
		line-height: 26px;
		color: #999;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.InovateTabFx {
		float: left;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #273d92;
	}

	.InovateTabSize {
		width: 108px;
		height: 108px;
		border: solid 1px #273d92;
		border-radius: 100%;
		line-height: 108px;
		font-size: 48px;
		letter-spacing: -4px;
		color: #273d92;
		display: block;
		margin: 0px auto 15px;
		font-family: "font";
	}

	.InovateTabSize i {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 86px;
		vertical-align: top;
		padding-left: 5px;
	}

	.WorkHonor img {
		width: 25.7%;
		float: left;
		margin-right: 9%;
	}

	.FlowerImg {
		width: 70%;
		position: absolute;
		bottom: -23%;
		left: 21%;
		z-index: -1;
	}

	.InProduct {
		background-color: #273d92;
		padding: 140px 3% 0px;
	}

	.InProduct .QualityControlH {
		text-align: center;
	}

	.InProductSub {
		position: relative;
		/* height: 620px; */
	}

	.InProductSubH {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 43%;
		left: 50%;
		line-height: 170px;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		color: rgba(234, 237, 240, 0.03);
		text-align: center;
		font-size: 170px;
		white-space: nowrap;
	}

	.InProducL {
		float: left;
		width: 26.6%;
	}

	.InProductFlex {
		top: 18%;
		font-size: 14px;
		color: rgba(234, 237, 240, 0.3);
		line-height: 22px;
		text-align: right;
		position: absolute;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
		z-index: 2;
		width: 22%;
	}

	.InProductFlex:nth-of-type(2n) {
		top: 62%;
	}

	.InProductFlex:nth-of-type(3),
	.InProductFlex:last-child {
		right: 0;
		width: 22.5%;
	}

	.InProductFlex::after {
		content: '';
		background-image: url(../images/borer.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 98px;
		height: 98px;
		position: absolute;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		top: 38%;
		transform: translateY(-50%) scale(0);
		-webkit-transform: translateY(-50%) scale(0);
		right: -44%;
	}

	.InProductFlex.active::after {
		content: '';
		transform: translateY(-50%) scale(1);
		-webkit-transition: translateY(-50%) scale(1);
	}

	.InProductFlex h2 {
		font-size: 24px;
		line-height: 32px;
		color: #eaedf0;
		margin-bottom: 30px;
	}

	.InProductFlex h2 i {
		display: block;
		font-size: 16px;
		margin-top: 5px;
	}

	.InProducImg {
		width: 33%;
		cursor: pointer;
		display: none;
		padding: 3% 0;
		margin: 0px auto;
		z-index: 2;
	}

	.InProducImg img {
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

	.InProducImg img:hover {
		animation: InProducImg 3s linear infinite alternate;
		-webkit-animation: InProducImg 3s linear infinite alternate;
		-moz-animation: InProducImg 3s linear infinite alternate;
	}

	@keyframes InProducImg {

		0% {
			transform: rotateY(0deg);
			/* transform-origin: bottom center; */
		}

		100% {
			transform: rotateY(30deg);
			-webkit-transform: rotateY(30deg);
		}
	}

	.InProducImg1 {
		width: 18%;
		position: absolute;
		left: 29%;
		/* opacity: 0; */
		z-index: 1;
		top: -2.5%;
		transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
	}

	.InProducImg2 {
		left: 53%;
		width: 18%;
		position: absolute;
		z-index: 1;
		top: -2.5%;
		transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
	}

	.InProducImg2,
	.InProductSub.active .InProducImg2,
	.InProductSub.active1 .InProducImg1 {
		display: none !important;
	}

	.InProductSub.active .InProducImg1,
	.InProductSub.active1 .InProducImg2 {
		display: block !important;
	}

	.InovateIntroduct .EstateIntroductR h2 {
		text-align: left;
		font-size: 36px;
		line-height: 60px;
		color: #2F3237;
		margin: 0px auto 50px;
		width: 68%;
	}

	.InovateIntroduct .EstateIntroductR h2 i {
		display: block;
		font-size: 24px;
		color: #666666;
	}

	.InovateIntroduct .EstateIntroductR p {
		width: 68%;
		text-align: left;
		display: block;
		margin: 0px auto;
	}

	.InProductFlex:nth-of-type(3),
	.InProductFlex:nth-of-type(4) {
		text-align: left;
	}

	.InProductFlex:nth-of-type(3)::after,
	.InProductFlex:last-child::after {
		right: initial;
		left: -41%;
	}

	.CeramicsSwiper {
		position: relative;
		height: 300px;
	}

	.CeramicsPopup {
		width: 87.5%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		padding: 80px 0;
		background-color: #ffffff;
	}

	.CeramicsSwiper .arrow-left {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/next_1.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		border-radius: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 3.2%;
	}

	.CeramicsSwiper .arrow-left:hover {
		background-color: #273d92;
		border: solid 1px #273d92;
		background-image: url(../images/next_1h.png);
	}

	.CeramicsSwiper .arrow-right {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/next_2.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		border-radius: 100%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 3.2%;
	}

	.CeramicsSwiper .arrow-right:hover {
		background-color: #273d92;
		border: solid 1px #273d92;
		background-image: url(../images/next_2h.png);
	}

	.CeramicsSwiper .swiper-container {
		margin: 0px 10%;
		height: 100%;
	}

	.CeramicsPopupImg {
		float: left;
		width: 33%;
		height: 99%;
		position: relative;
		overflow: hidden;
		margin-left: 7px;
		border: solid 1px rgba(0, 0, 0, 0.1);
	}

	.CeramicsPopupImg img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.CeramicsPopupR {
		float: left;
		width: 58%;
		margin-left: 4.8%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}

	.CeramicsPopupR h2 {
		font-size: 36px;
		line-height: 60px;
		color: #2f3237;
		margin-bottom: 30px;
	}

	.CeramicsPopupR h2 i {
		display: block;
		font-size: 24px;
		color: #666;
	}

	.CeramicsPopupR a,
	.ContactTag a {
		display: block;
		width: 168px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		margin-top: 40px;
		background-color: #273d92;
		border-radius: 24px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CeramicsPopup .CloseImg {
		width: 18px;
		height: 17px;
		position: absolute;
		top: 30px;
		right: 30px;
		cursor: pointer;
		z-index: 2;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.CeramicsPopup .CloseImg:hover,
	.EstateIntroduct .CloseImg:hover,
	.RecruitPopule .CloseImg:hover {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	/* 国标制定 */
	.DevelopMark {
		margin-top: 120px;
	}

	.DevelopMark .QualityL {
		width: auto;
		float: none;
	}

	.DevelopMarTxt {
		margin: 80px 0px 117px;
	}

	.DevelopMarTxt p {
		margin-bottom: 30px;
		text-align: center;
	}

	.DevelopTab {
		padding-top: 50px;
		font-size: 0;
		text-align: center;
		width: 80%;
		margin: 0px auto;
	}

	.DevelopTab .InovateTabFx {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0px 2%;
	}

	.DevelopTab .InovateTabSize {
		border: solid 1px #273d92;
		color: #273d92;
	}

	.LeadFormulation {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		padding-bottom: 125px;
	}

	.LeadFormulationL {
		float: left;
		width: 24%;
		padding-top: 200px;
		font-size: 12px;
		line-height: 24px;
		color: #ffffff;
	}

	.LeadFormulationL strong {
		font-weight: bold;
		font-size: 20px;
		margin-top: 30px;
		display: inline-block;
		border-bottom: 3px solid #fff;
		vertical-align: top;
		padding-bottom: 5px;
	}

	.LeadFormulationL h2 {
		margin-top: 10px;
		font-weight: bold;
		font-size: 16px;
		line-height: 36px;
	}

	.DevelopSwiper {
		margin-top: 100px;
	}

	.DevelopMarkFx {
		float: left;
		width: 20.8%;
		margin-right: 5.5%;
		position: relative;
		margin-bottom: 150px;
		height: 400px;
	}

	.DevelopMarkFx h2 {
		font-size: 15px;
		line-height: 24px;
		margin: 8px 0;
		color: #ffffff;
	}

	.DevelopMarkFx img {
		max-width: 100%;
	}

	.EstateTab {
		margin-top: 70px;
	}

	.EstateTab a {
		width: 120px;
		height: 37px;
		border: solid 1px rgba(255, 255, 255, 0.3);
		float: left;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 37px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.EstateTab a:last-child {
		border-left: 0;
	}

	.EstateTab a:first-of-type {
		border-right: 0;
	}

	.EstateTab a.active {
		background-color: #273d92;
		border: solid 1px #273d92;
		color: #fff;
	}

	.EstateTab a.active::after,
	.ModelProjectTab a.active::after,
	.ModelProjectTab a:hover::after {
		width: 100%;
	}

	.EstateSub {
		width: 67.6%;
		float: right;
		margin-top: 14%;
		position: relative;
		height: 515px;
	}

	.EstateSubPlant {
		visibility: hidden;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}

	.EstateSub .swiper-container {
		width: 100%;
		height: 620px;
	}

	.EstateSub .swiper-wrapper {
		padding: 0 !important;
	}

	.EstateSubSwiper img {
		width: 100%;
		vertical-align: top;
		height: 100%;
	}

	.EstateSubSwiper h2 {
		line-height: 80px;
		color: #fff;
		font-size: 18px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		opacity: 0;
		text-indent: 1em;
	}

	.EstateSub .swiper-slide-visible {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-ms-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}

	.EstateSub .swiper-slide-active {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	.EstateSub .swiper-slide-active h2 {
		opacity: 1;
	}

	.EstateArrow {
		position: absolute;
		bottom: 0;
		z-index: 5;
		font-size: 0;
		left: 0;
		text-align: right;
	}

	.EstateArrow .arrow-left,
	.EstateArrow .arrow-right {
		width: 48px;
		height: 48px;
		display: inline-block;
		vertical-align: top;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.EstateArrow .arrow-left {
		background-image: url(../images/next1.png);
		margin-right: 2%;
	}

	.EstateArrow .arrow-right {
		background-image: url(../images/next1_h.png);
	}

	.EstateSub .EstateSubPagination {
		position: absolute;
		z-index: 5;
		text-align: center;
		font-size: 0;
		bottom: 0;
	}

	.EstateSub .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: #ffffff;
		border-radius: 100%;
		margin-right: 8px;
		cursor: pointer;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.EstateSub .swiper-active-switch {
		width: 36px;
		background-color: #273d92;
		border-radius: 4px;
	}

	.EstateIntroduct {
		width: 87.5%;
		height: 450px;
		background-color: #ffffff;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		z-index: 99;
	}

	.EstateIntroduct .pagination3 {
		position: absolute;
		z-index: 5;
		width: 100%;
		text-align: center;
		left: 0;
		bottom: 20px;
	}

	.EstateIntroduct .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		background: rgba(255, 255, 255, 1);
		margin-right: 8px;
		cursor: pointer;
	}

	.EstateIntroduct .swiper-active-switch {
		width: 36px;
		background-color: #273d92;
		border-radius: 4px;
	}

	.EstateIntroduct .arrow-left {
		width: 60px;
		height: 60px;
		background-image: url(../images/next1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 3%;
		z-index: 5;
	}

	.EstateIntroduct .arrow-right {
		width: 60px;
		height: 60px;
		background-image: url(../images/next1_h.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 3%;
		z-index: 5;
	}

	.EstateIntroduct .CloseImg {
		position: absolute;
		top: 30px;
		right: 30px;
		cursor: pointer;
		z-index: 10;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.EstateIntroduct .swiper-container {
		height: 450px;
	}

	.EstateIntroductR,
	.EstateIntroductL {
		float: left;
		position: relative;
		width: 50%;
		height: 100%;
	}

	.EstateIntroductR .CenterPro {
		width: 100%;
	}

	.EstateIntroductBk {
		width: 100%;
		height: 100%;
	}

	.EstateIntroductR img {
		max-height: 100px;
		max-width: 100%;
		margin: 0 auto 60px;
		display: block;
	}

	.EstateIntroductR h2 {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 30px;
		color: #666666;
		text-align: center;
	}

	.EstateIntroductR p {
		font-size: 14px;
		text-align: center;
		line-height: 24px;
		color: #999999;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.StrategicIntroduct {
		width: 43.2%;
	}

	.StrategicIntroduct .EstateIntroductL {
		width: 100%;
		float: none;
	}

	.HerongProSub {
		height: 180px;
		width: 81%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		bottom: 100px;
		z-index: 1;
		position: absolute;
	}

	.HerongProFlex {
		float: left;
		width: 33.3%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.9);
		font-family: "font";
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.HerongProFlex.active {
		background-image: linear-gradient(0deg,
			rgba(111, 136, 234, 0.8) 0%,
			rgba(39, 61, 146, 0.9) 100%),
			linear-gradient(rgba(255, 255, 255, 0.8),
			rgba(255, 255, 255, 0.8));
		background-blend-mode: normal,
			normal;
		/* background-color: transparent; */
	}

	.SquareInchR .HerongProFlex h3 {
		font-size: 38px;
		color: #273d92;
		margin: 30px 30px 50px;
		text-align: right;
		position: relative;
	}

	.SquareInchR .HerongProFlex h3::after {
		content: '';
		width: 30px;
		height: 2px;
		background-color: #273d92;
		position: absolute;
		left: 0;
		top: 0;
	}

	.SquareInchR .HerongProFlex h2 {
		font-size: 14px;
		margin-left: 30px;
		line-height: 24px;
		color: #999;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.HerongProFlex.active h3,
	.HerongProFlex.active h2 {
		color: #fff;
	}

	.HerongProFlex.active h3::after {
		content: '';
		background-color: #FFFFFF;
	}

	.Frist {
		top: 160px;
	}

	.Three {
		top: 80px;
	}

	.Inovate {
		margin: 120px 0px 0;
	}

	.Inovate .QualityL {
		float: none;
		width: 100%;
		position: relative;
		padding-bottom: 90px;
	}

	.LeadFormulationR {
		width: 70%;
		float: right;
		padding-top: 100px;
	}

	.GreenDevelop {
		background-image: url(../images/bk9.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 960px;
		position: relative;
	}

	.GreenDevelopCont {
		width: 85%;
		height: 740px;
		background-color: #ffffff;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.GreenDevelopR {
		width: 82.3%;
		margin: 65px auto 0;
		font-size: 14px;
		color: #999999;
		line-height: 24px;
	}

	.GreenDevelopFx {
		margin-top: 60px;
	}

	.GreenDevelopFx a {
		float: left;
		width: 19.92%;
		height: 120px;
		margin-right: 0.1%;
		overflow: hidden;
		position: relative;
	}

	.GreenDevelopFx a img {
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.GreenDevelopFx h2 {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #ffffff;
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}

	.GreenDevelopLogo {
		width: 168px;
		height: 168px;
		background-color: rgba(39, 61, 146, 0.9);
		background-image: url(../images/dev_logo.png);
		background-size: 60px 55px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		left: -168px;
	}

	.mb140 {
		margin-bottom: 140px;
	}

	.QualityL img.StrategicImg {
		max-width: 61%;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}

	.ModelProject {
		margin: 10% 0px 120px;
	}

	.ModelProject h2 {
		font-size: 36px;
		line-height: 42px;
		color: #2f3237;
		margin-bottom: 90px;
		float: left;
	}

	.ModelProjectTab {
		float: right;
		font-size: 18px;
		color: #999999;
	}

	.ModelProjectTab a {
		color: #999999;
		margin-right: 25px;
		padding-bottom: 12px;
		position: relative;
	}

	.ModelProjectTab a::after {
		content: '';
		width: 0;
		height: 3px;
		background: #273d92;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.ModelProjectTab a.active,
	.ModelProjectTab a:hover {
		color: #6f7eb6;
	}

	.ModelProjectCont {
		height: 405px;
		position: relative;
		width: 99%;
		margin: 0px auto;
	}

	.ModelProjectMain {
		width: 100%;
		position: relative;
		height: 100%;
		display: none;
	}

	.ModelProjectMain .swiper-container,
	.ModelProjectMain .swiper-wrapper {
		width: 100%;
		height: 100%;
	}

	.plate_visible {
		visibility: visible;
	}

	.ModelProjectFx {
		height: 340px !important;
		position: relative;
		width: 25%;
		float: left;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
	}

	.ModelProject .ModelProjectFx img {
		width: 93%;
		height: 78%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ModelProject .ModelProjectFx h2 {
		font-size: 18px;
		position: absolute;
		bottom: 22%;
		left: 0;
		color: #ffffff;
		line-height: 52px;
		z-index: 1;
		text-indent: 2em;
		margin: 0;
		width: 100%;
		background-image: url(../images/bk3.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ModelArrow {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		bottom: 0;
		z-index: 6;
		width: 24%;
		position: absolute;
	}

	.BaseArrow {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/next_1.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		border-radius: 100%;
		bottom: 0;
		left: 0;
		z-index: 6;
		cursor: pointer;
	}

	.BaseArrow1 {
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		background-image: url(../images/next_2.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		border-radius: 100%;
		bottom: 0;
		right: 0;
		z-index: 6;
		cursor: pointer;
	}

	.BaseArrow:hover {
		background-color: #273d92;
		border: solid 1px #273d92;
		background-image: url(../images/next_1h.png);
	}

	.BaseArrow1:hover {
		background-color: #273d92;
		border: solid 1px #273d92;
		background-image: url(../images/next_2h.png);
	}

	.ModelProject .swiper-pagination {
		position: absolute;
		z-index: 5;
		text-align: center;
		bottom: 6%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		font-size: 0;
	}

	.ModelProject .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		margin-right: 8px;
		cursor: pointer;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.ModelProject .swiper-active-switch {
		width: 36px;
		background-color: #273d92;
		border-radius: 4px;
	}

	.ModelProject .ModelProjectFx:hover img,
	.ModelProject .ModelProjectFx:hover h2 {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	/* 地产 */
	.SquareInch {
		font-size: 14px;
		line-height: 24px;
		color: #999;
	}

	.SquareInchL {
		float: left;
		width: 24.5%;
		margin-left: 6%;
		margin-top: 6%;
	}

	.SquareInchL h2 {
		font-size: 48px;
		line-height: 68px;
		color: #2f3237;
		margin-bottom: 70px;
	}

	.SquareInchR {
		float: right;
		width: 67.5%;
		position: relative;
		height: 100%;
	}

	.Projects {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		min-height: 960px;
	}

	.ProjectsL {
		float: left;
		padding-top: 16%;
		width: 25%;
		font-size: 14px;
		line-height: 24px;
		color: #ffffff;
		margin-left: 6%;
	}

	.ProjectsL .BaseHt {
		color: rgba(255, 255, 255, 0.1);
		margin-bottom: 90px;
	}

	.mt100 {
		margin-top: 100px;
	}

	.MoreProject {
		width: 180px;
		height: 48px;
		background-color: #273d92;
		font-size: 16px;
		line-height: 48px;
		text-align: center;
		color: #fff;
		margin: 120px auto 0;
		position: relative;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.MoreProject i {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.MoreProject::after,
	.CulturalCtR a::after,
	.RealtimeFx .RealtimeCt span::after {
		content: '';
		background-image: url(../images/jt1.png);
		background-size: cover;
		transform: scale(0);
		-webkit-transform: scale(0);
		width: 42px;
		height: 15px;
		position: absolute;
		background-repeat: no-repeat;
		background-position: right;
		right: 0;
		top: 35%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.MoreProject:hover,
	.CulturalCtR a:hover,
	.RealtimeFx:hover .RealtimeCt span {
		padding: 0px 5px;
		text-indent: -0.5em;
	}

	.MoreProject:hover::after,
	.CulturalCtR a:hover::after,
	.RealtimeFx:hover .RealtimeCt span::after {
		content: '';
		transform: scale(1);
		-webkit-transform: scale(1);
		right: -12px;
	}

	.CulturalCtR a:hover::after {
		right: -18px;
	}

	.BaseBk .MoreProject::after,
	.RealtimeFx .RealtimeCt span::after {
		width: 28px;
		height: 10px;
	}

	.Memorabilia {
		min-height: 960px;
		background-color: #2f3237;
		background-image: url(../images/bk2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
		font-family: "font";
		position: relative;
	}

	.Memorabilia .arrow-left {
		width: 60px;
		height: 60px;
		background-image: url(../images/next1.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		top: 56%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 6%;
		z-index: 5;
	}

	.Memorabilia .arrow-right {
		width: 60px;
		height: 60px;
		background-image: url(../images/next1_h.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: absolute;
		top: 56%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		right: 6%;
		z-index: 5;
	}

	.Memorabilia .BaseH {
		color: #fff;
		text-align: center;
		padding-top: 120px;
	}

	.Memorabilia .BaseHt {
		color: rgba(255, 255, 255, 0.1);
		text-align: center;
		margin-bottom: 80px;
	}

	.MemorabiliaSwi .swiper-container {
		height: 40px;
		overflow: hidden;
		padding-top: 45px;
	}

	.MemorabiliaSwi .swiper-slide {
		position: relative;
		width: 12.5%;
		font-size: 16px;
		color: rgba(255, 255, 255, 0.2);
		text-align: center;
		float: left;
		padding-top: 12px;
		cursor: pointer;
		line-height: 32px;
	}

	.MemorabiliaSwi .swiper-slide::after {
		content: '';
		width: 100%;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.1);
		position: absolute;
		left: 0;
		top: 0;
	}

	.MemorabiliaSwi .swiper-slide:before {
		content: '';
		width: 7px;
		height: 7px;
		border-radius: 100%;
		background-color: rgba(255, 255, 255, 1);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		top: -3px;
		transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
	}

	.MemorabiliaSwi .swiper-slide-active:before {
		content: '';
		width: 18px;
		height: 18px;
		background-image: url(../images/border8.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		top: -18px;
	}

	.MemorabiliaSwi .swiper-slide-active::after {
		background-image: url(../images/line.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
		height: 21px;
		top: -28%;
	}

	.MemorabiliaSwi .swiper-slide-active {
		color: #fff;
	}

	.MemorabiliaSub {
		display: none;
		height: 330px !important;
		overflow: hidden;
		font-size: 24px;
		line-height: 32px;
		text-align: center;
		color: #fff;
		width: 100%;
		margin: 50px auto 0 !important;
		position: relative;
	}

	.MemorabiliaSub.active {
		display: block;
	}

	.MemorabiliaH {
		font-size: 360px;
		color: #36393e;
		text-align: center;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		top: 46%;
		white-space: nowrap;
	}

	.MemorabiliaTxt {
		margin-bottom: 50px;
		position: relative;
	}

	.MemorabiliaTxt p {
		width: 88px;
		height: 32px;
		background-color: #273d92;
		text-align: center;
		line-height: 32px;
		margin: 0px auto;
		font-size: 14px;
	}

	.MemorabiliaSub h3 {
		margin-top: 20px;
		line-height: 24px;
		font-size: 14px;
	}

	.TitPublie {
		width: 65%;
		position: relative;
		height: 100%;
		float: left;
		opacity: 0;
		transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
	}

	.TitFlex {
		position: absolute;
		right: 0;
		top: 0;
		width: 32%;
		height: 200px;
		z-index: 1;
	}

	.TitFlex a.active {
		color: #fff;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitFlex a::after {
		content: '';
		width: 0;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		left: 6%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.TitFlex a.active::after {
		width: 53%;
	}

	.TitFlex a {
		font-size: 14px;
		color: rgba(255, 255, 255, 0.6);
		line-height: 32px;
		position: relative;
		display: block;
		text-align: right;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		padding-right: 30px;
	}

	.TitFlex a:first-of-type {
		margin-top: 14px;
	}

	.TitFlexImg {
		display: none;
	}

	.TitFlexImg img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.TitFlexCont {
		width: 60%;
		position: absolute;
		right: 0;
		top: 0;
		height: 200px;
		background-color: #273d92;
	}

	.TitFlexCont h2 {
		font-size: 180px;
		letter-spacing: -10px;
		color: rgba(255, 255, 255, 0.2);
		top: 50%;
		font-family: "font";
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 30px;
		position: absolute;
		white-space: nowrap;
	}

	.TitFlexCont i {
		font-size: 28px;
		color: #fff;
		position: absolute;
		left: 35px;
		bottom: 30px;
	}

	.Earth:hover,
	.CeramicsPopupR a:hover,
	.ContactTag a:hover {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
	}

	.Earth:last-child,
	.EstateTab a:last-child,
	.DevelopMarkFx:nth-of-type(4n),
	.GreenDevelopFx a:last-child,
	.WorkHonor img:last-child {
		margin-right: 0px;
	}


	/* 宏鼎业务 */
	.Property {
		padding-top: 6%;
		padding-bottom: 200px;
		position: relative;
	}

	.PropertyL {
		float: left;
		width: 45%;
		font-size: 14px;
		color: #999999;
		line-height: 24px;
	}

	.PropertyR {
		float: right;
		width: 53%;
		margin-top: 40px;
	}

	.PropertyR img {
		vertical-align: top;
		width: 100%;
	}

	.deveSwiper {
		position: absolute;
		width: 100%;
		height: 100%;
		display: none;
		top: 0;
		z-index: 1;
		left: 0;
	}

	.deveSwiperBk,
	.deveSwiperBk img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.deveSwiperBk::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 48%;
		height: 100%;
		background-image: url(../images/bk4.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.deveSwiperSub {
		width: 88%;
		height: 25%;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0px 6% 0px;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.65);
		text-align: center;
		line-height: 42px;
		color: #ffffff;
		z-index: 1;
	}


	.active .deveSwiperSub .swiper-slide {
		-webkit-animation: fadeInLeft 1s 2s ease-in-out both;
		animation: fadeInLeft 1s 2s ease-in-out both;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}


	.deveSwiperSub .swiper-slide img {
		width: 93%;
		display: block;
		margin: 40px auto 0;
		opacity: 0.5;
		height: 150px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.deveSwiperSub .swiper-slide-active img,
	.deveSwiperSub .swiper-slide:hover img {
		opacity: 1;
	}

	.deveSwiperSub .swiper-slide h2 {
		font-size: 16px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.deveSwiperSub .swiper-slide:hover h2 {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
	}

	.deveSwiper .CeramicTxt {
		position: absolute;
		z-index: 2;
		width: 100%;
	}

	.deveSwiper .CeramicTxt .BaseHt {
		padding-bottom: 40px;
	}

	.active .BackNextTansfrom {
		-webkit-animation: fadeInLeft 1s 1.5s ease-in-out both;
		animation: fadeInLeft 1s 1.5s ease-in-out both;
	}

	.BackNext {
		background-image: url(../images/jt4.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 116px;
		float: left;
		height: 48px;
		cursor: pointer;
		margin-top: 5%;
	}

	.active .BackNext {
		-webkit-animation: BackNext 1s 1.5s infinite alternate ease-in-out;
		animation: BackNext 1s 1.5s infinite alternate ease-in-out;
	}

	@keyframes BackNext {
		0% {
			opacity: 0.98;
			transform: translateX(-5px);
			-webkit-transition: scale(-5px);
		}

		100% {

			opacity: 1;
			transform: translateX(0);
			-webkit-transition: translateX(0);
		}
	}

	.CeramicTxt .PicImg {
		position: initial;
		transform: none;
		float: right;
		display: block !important;
		margin-top: 5%;
		background-image: url(../images/border4.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.CeramicTxt .PicImg h2,
	.pic:last-child .CeramicTxt .PicImg h2 {
		color: #fff;
	}

	.CeramicTxt .PicImg h2 {
		position: relative;
	}

	.PicImg h2::after {
		content: '';
		background-image: url(../images/jt4t.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 11px;
		height: 20px;
		position: absolute;
		right: -25%;
		top: 56%;
		-webkit-animation: BackNext 1.5s infinite alternate ease-in-out;
		animation: BackNext 1.5s infinite alternate ease-in-out;
	}

	.active .CeramicTxt .PicImgTansfrom {
		-webkit-animation: fadeInRight 1s 1.7s ease-in-out both;
		animation: fadeInRight 1s 1.7s ease-in-out both;
	}

	@keyframes PicImg1 {
		0% {

			opacity: 0.8;
			transform: scale(0.95);
			-webkit-transition: scale(0.95);
		}

		100% {

			opacity: 1;
			transform: scale(1);
			-webkit-transition: scale(1);
		}
	}

	#circleOn {
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
	}

	/* 董事长致辞 */
	.Chairman {
		background-image: url(../images/bk11.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-top: 80px;
		padding-bottom: 120px;
	}

	.Chairman .QualityLH,
	.GreenDevelopCont .GreenDevelopR .QualityLH,
	.Inovate .QualityL .QualityLH {
		color: rgba(0, 0, 0, 0.03);
		line-height: 90px;
		margin-bottom: -24px;
	}

	.ChairmanR {
		float: right;
		max-width: 80%;
		margin-top: 40px;
		font-size: 14px;
		line-height: 30px;
		color: #666666;
	}

	.ChairmanR p strong {
		font-weight: bold;
		font-size: 18px;
		color: #2f3237;
		margin-top: 30px;
		display: block;
	}

	.ChairmanR span {
		display: block;
		text-align: right;
		font-size: 16px;
		color: #999999;
		line-height: 90px;
		margin-top: 60px;
	}

	.ChairmanR span img {
		max-width: 105px;
		vertical-align: middle;
		margin-left: 10px;
	}

	.InvestmentFx {
		float: left;
		width: 18.4%;
		margin-right: 2%;
		cursor: pointer;
		margin-top: 80px;
	}

	.InvestmentFx:nth-of-type(2n) {
		margin-top: 180px;
	}

	.InvestmentFxImg {
		width: 100%;
		/* height: 390px; */
		overflow: hidden;
	}

	.InvestmentFxImg img {
		max-width: 100%;
		margin: 0;
		width: 100%;
		/* height: 100%; */
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.InvestmentFxCt {
		width: 100%;
		overflow: hidden;
		height: 280px;
		background-color: #f6f6f6;
		border-bottom: 6px solid #273d92;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.InvestmentFx:hover .InvestmentFxCt {
		background-color: #273d92;
	}

	.InvestmentFxCt h2 {
		font-size: 18px;
		line-height: 24px;
		color: #2f3237;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		font-weight: bold;
		margin-top: 110px;
		margin-left: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-bottom: 15px;
	}

	.InvestmentFxCt h3 {
		font-size: 14px;
		line-height: 16px;
		color: #999999;
		display: -webkit-box;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-left: 30px;
	}

	.InvestmentFx:hover .InvestmentFxCt h2,
	.InvestmentFx:hover .InvestmentFxCt h3 {
		color: #fff;
	}

	.InvestmentFxCt p {
		font-size: 14px;
		line-height: 24px;
		margin: 20px 30px 0;
		color: #f1eaea;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
		height: 0;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.InvestmentFx:hover .InvestmentFxCt h2 {
		margin-top: 30px;
	}

	.InvestmentFx:hover .InvestmentFxCt p {
		height: auto;
	}

	/* 集团简介 */
	.GroupProfi {
		margin-top: 120px;
		font-size: 14px;
		color: #999;
		line-height: 24px;
	}

	.GroupProfi .QualityLH {
		color: rgba(0, 0, 0, 0.04);
	}

	.GroupProfiCt {
		margin-top: 110px;
		width: 100%;
		position: relative;
		background-image: url(../images/line4.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: top;
	}

	.GroupProfiTab {
		position: relative;
		width: 26%;
		margin: 0px auto;
		height: 100px;
	}

	.GroupProfiTab a.active .GroupProfiBorder {
		transform: scale(1);
		-webkit-transform: scale(1);
	}

	.GroupProfiTab a {
		float: left;
		width: 25%;
		position: relative;
		height: 100%;
	}

	.GroupProfiTab a i {
		width: 8px;
		height: 8px;
		background-color: #273d92;
		border-radius: 100%;
		position: absolute;
		top: 47%;
		left: 10%;
	}

	.GroupProfiTab a:nth-of-type(2) i {
		top: 21%;
		left: 27%;
	}

	.GroupProfiTab a:nth-of-type(3) i {
		top: 0%;
		left: 90%;
	}

	.GroupProfiTab a:nth-of-type(4) i {
		top: -2%;
		left: 122%;
	}

	.GroupProfiBorder {
		width: 80px;
		position: relative;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
		color: #273d92;
		transform: scale(0);
		-webkit-transform: scale(0);
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.GroupProfiBorder img {
		width: 80px;
		height: 80px;
		display: block;
		border-radius: 100%;
		margin-top: 13%;
		max-width: 100%;
	}

	.GroupProfiTab a:nth-of-type(2) .GroupProfiBorder {
		margin: -31% auto 0 -8%;
	}

	.GroupProfiTab a:nth-of-type(3) .GroupProfiBorder {
		margin: -31% 0 0 55%;
	}

	.GroupProfiTab a:nth-of-type(4) .GroupProfiBorder {
		margin-left: 100%;
		margin-top: -38%;
	}

	.GroupProfiDiv:first-of-type {
		background-image: url(../images/Group_bk.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom;
	}

	.GroupProfiDiv:nth-of-type(2) {
		background-image: url(../images/Group_bk1.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom;
	}

	.GroupProfiDiv:nth-of-type(4) {
		background-image: url(../images/Group_bk2.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom;
	}

	.GroupProfiDiv {
		position: relative;
		margin-top: 80px;
		display: none;
	}

	.QualityL img.GroupProfiDivBk {
		float: left;
		width: 29.6%;
		margin-left: 22%;
		max-width: 100%;
		margin-top: 0;
	}

	.QualityL .GroupProfiDiv:nth-of-type(2) img.GroupProfiDivBk {
		width: 59%;
		margin-left: 15.6%;
	}

	.QualityL .GroupProfiDiv:nth-of-type(3) img.GroupProfiDivBk {
		width: 100%;
		margin: 0;
	}

	.QualityL .GroupProfiDiv:nth-of-type(4) img.GroupProfiDivBk {
		width: 37.7%;
		margin-left: 16.5%;
		margin-bottom: 45px;
	}

	.GroupProfiDiv:nth-of-type(3) .container {
		padding: 0;
	}

	.GroupProfiDiv:nth-of-type(2) .SmallArea {
		position: absolute;
		right: 0;
	}

	.GroupProfiDiv:nth-of-type(3) .SmallArea {
		width: 35%;
		right: 6%;
		position: absolute;
	}

	.SmallArea {
		float: right;
		width: 40%;
		padding-top: 3%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}

	.SmallArea h2 {
		margin-bottom: 7%;
		font-size: 36px;
		line-height: 48px;
		color: #273D92;
	}

	.SmallArea h2 i {
		display: block;
	}

	/* 宏宇荣耀 */
	.Glory {
		background-image: url(../images/honor_bk.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding-top: 120px;
		padding-bottom: 100px;
		min-height: 820px;
	}

	.GlorySwiper {
		margin-top: 100px;
		height: 620px;
		position: relative;
	}

	.GlorySwiper .content-slide {
		float: left;
		width: 25%;
		height: 100%;
		position: relative;
		cursor: pointer;
		overflow: hidden;
	}

	.GlorySwiper .content-slide img {
		max-width: 95%;
		display: block;
		margin: 0px auto;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.GlorySwiper .content-slide:hover img {
		transform: scale(1.05);
		-webkit-transition: scale(1.05);
	}

	.GlorySwiper .content-slide .CenterPro {
		width: 100%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

	.GlorySwiper .content-slide h2 {
		font-size: 14px;
		line-height: 24px;
		color: #2f3237;
		text-align: center;
		height: 50px;
		overflow: hidden;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		margin-top: 10px;
	}

	.GlorySwiper .content-slide:hover h2 {
		color: #273d92;
	}

	.GlorySwiper .swiper-container {
		width: 86%;
		height: 570px;
	}

	.GlorySwiper .content-slide h2 i {
		display: block;
	}

	.GlorySwiper .pagination {
		position: absolute;
		z-index: 5;
		text-align: center;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		font-size: 0;
		width: 100%;
	}

	.GlorySwiper .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: rgba(0, 0, 0, 0.2);
		border-radius: 50%;
		margin-right: 8px;
		cursor: pointer;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.GlorySwiper .swiper-active-switch {
		width: 36px;
		background-color: #273d92;
		border-radius: 4px;
	}

	.GlorySwiper .arrow-left,
	.GlorySwiper .arrow-right {
		background-image: url(../images/next_1.png);
		background-size: 22px 15px;
		background-repeat: no-repeat;
		background-position: center;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color: #fff;
		top: 41%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		position: absolute;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.GlorySwiper .arrow-left::after,
	.GlorySwiper .arrow-right::after {
		content: '';
		background-image: url(../images/jt_bk.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 144%;
		height: 38%;
		position: absolute;
		bottom: -28%;
		z-index: -1;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.GlorySwiper .arrow-right::after {
		bottom: 90%;
	}

	.GlorySwiper .arrow-right {
		right: 0;
		transform: translateY(-50%) rotate(180deg);
		-webkit-transform: translateY(-50%) rotate(180deg);
	}

	.GlorySwiper .arrow-left:hover,
	.GlorySwiper .arrow-right:hover {
		background-color: #273d92;
		background-image: url(../images/next_1h.png);
	}

	/* 集团公告 */
	.Notice {
		margin: 80px auto;
	}

	.page {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}

	.page a {
		color: #666;
		font-size: 20px;
		margin-right: 10px;
		background-color: rgba(0, 0, 0, 0.07);
		height: 48px;
		line-height: 48px;
		width: 48px;
		border-radius: 100%;
		display: inline-block;
		vertical-align: top;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		font-family: "font";
		cursor: pointer;
	}

	.page a.nor,
	.page a:hover,
	.NoticeFlex:hover .NoticeFlexL,
	.RealtimeFx:hover {
		background-color: #273d92;
		color: #fff;
	}

	.page a img {
		vertical-align: middle;
		margin: 0;
		width: 10px;
		height: 18px;
	}

	.NoticeFlex {
		height: 100px;
		background-color: #f2f2f2;
		display: block;
		margin-bottom: 20px;
	}

	.NoticeFlexL {
		float: left;
		width: 8.3%;
		height: 100px;
		background-color: #2f3237;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NoticeFlexL h2 {
		font-size: 45px;
		letter-spacing: 2px;
		line-height: 52px;
		color: #FFFFFF;
		text-align: center;
		font-family: "font";
		margin-top: 9%;
	}

	.NoticeFlexL h2 i {
		display: block;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 20px;
	}

	.NoticeFlexR {
		float: right;
		width: 89%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
		padding-right: 1%;
	}

	.NoticeFlexR h2 {
		font-size: 18px;
		line-height: 30px;
		color: #333333;
		margin-top: 20px;
		margin-bottom: 5px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.NoticeFlex:hover .NoticeFlexR h2,
	.RealtimeDetailNext:hover {
		color: #273d92;
		padding-left: 8px;
	}

	.NoticeFlex:hover .NoticeFlexR p {
		padding-left: 4px;
	}

	.NoticeFlexR p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		transition: all .4 ease-out;
		-webkit-transition: all .4s ease-out;
	}

	/* 集团资讯 */
	.Realtime {
		margin-top: 80px;
	}

	.RealtimeFx {
		width: 30%;
		margin-bottom: 120px;
		height: 660px;
		background-color: #ffffff;
		box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
		float: left;
		margin-right: 5%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.RealtimeImg {
		width: 100%;
		height: 351px;
		overflow: hidden;
	}

	.QualityL .RealtimeImg img {
		max-width: 100%;
		margin: 0;
	}

	.RealtimeCt {
		margin: 45px 40px 0;
		font-size: 14px;
		line-height: 24px;
		color: #999;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.RealtimeCt h2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 24px;
		line-height: 36px;
		color: #333333;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.RealtimeCt p {
		height: 77px;
		margin-bottom: 10px;
		margin-top: 35px;
		overflow: hidden;
	}

	.RealtimeCt span {
		width: 110px;
		height: 37px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		float: left;
		font-size: 14px;
		color: #999999;
		line-height: 37px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		text-align: center;
		position: relative;
	}

	.RealtimeCt i {
		float: right;
		font-size: 14px;
		color: #bbb;
		line-height: 37px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.RealtimeFx:hover .RealtimeCt h2,
	.RealtimeFx:hover .RealtimeCt,
	.RealtimeFx:hover .RealtimeCt i {
		color: #fff;
	}

	.RealtimeFx:hover .RealtimeCt h2 {
		padding-left: 5px;
	}

	.RealtimeFx:hover .RealtimeCt span {
		color: #fff;
		border: solid 1px #FFFFFF;
	}

	/* 集团资讯详情 */
	.RealtimeDetail {
		margin: 90px auto 120px;
	}

	.RealtimeDetailH {
		padding-bottom: 40px;
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
		font-size: 14px;
		line-height: 18px;
		color: #bbbbbb;
	}

	.RealtimeDetailH h2 {
		font-size: 36px;
		line-height: 60px;
		font-weight: bold;
		color: #2f3237;
		margin-bottom: 5px;
	}
	.bshare-custom{
		margin-top: -8px;
		float: right;
	}
	.RealtimeDetailH .fr {
		margin-top: 40px;
		font-size: 14px;
	}

	.RealtimeDetailH .fr a {
		display: inline-block;
		vertical-align: middle;
		width: 36px;
		height: 36px;
		margin-left: 10px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		padding: 0;
	}

	.RealtimeDetailH .fr a:first-of-type {
		background-image: url(../images/qq.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.RealtimeDetailH .fr a:nth-of-type(2) {
		background-image: url(../images/wx.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.RealtimeDetailH .fr a:nth-of-type(3) {
		background-image: url(../images/wb.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.RealtimeDetailH .fr a:hover {
		transform: scale(1.1);
		-webkit-transition: scale(1.1);
	}

	.RealtimeDetailTit {
		font-size: 14px;
		padding-bottom: 100px;
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
		line-height: 30px;
		color: #999999;
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.RealtimeDetailTit p {
		margin: 10px auto 0;
		max-width: 50%;
		text-align: justify;
	}

	.RealtimeDetailTit img {
		max-width: 100%;
		/* 	display: block;
		margin: 0px auto; */
	}

	.RealtimeDetailNext {
		font-size: 16px;
		line-height: 30px;
		color: #666666;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.back_list {
		background: #273d92;
		color: #fff;
		display: block;
		margin: 50px auto 0;
		width: 110px;
		padding: 10px 0;
		text-align: center;
		font-size: 15px;
		border-radius: 50px;
	}

	/* 联系我们 */
	.ContactFlex {
		margin-top: 80px;
		padding-bottom: 50px;
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
	}

	.ContactFlex:last-child {
		border-bottom: 0;
	}

	.ContactFlexL {
		float: left;
		width: 20%;
		font-size: 14px;
		line-height: 38px;
		color: #999999;
	}

	.ContactFlexL h2 {
		font-size: 30px;
		color: #2f3237;
		margin-top: 30px;
	}

	.ContactFlexR {
		float: right;
		width: 80%;
	}

	.ContactTag {
		width: 32%;
		position: relative;
		height: 280px;
		background-color: #ffffff;
		border: solid 1px #e5e5e5;
		float: left;
		margin-bottom: 30px;
		margin-right: 1.68%;
	}

	.ContactTag h2 {
		font-size: 20px;
		color: #333;
		margin-top: 36px;
		margin-left: 36px;
		margin-bottom: 28px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.ContactTag h2 img {
		vertical-align: middle;
		margin-right: 14px;
		margin-top: 0;
	}

	.ContactTag span {
		display: block;
		width: 36px;
		height: 3px;
		background-color: #273d92;
		margin-left: 68px;
		margin-bottom: 28px;
	}

	.ContactTag p {
		font-size: 14px;
		color: #666;
		line-height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-left: 68px;
		padding-right: 1%;
	}

	.QualityL .ContactTag p img {
		vertical-align: middle;
		margin-top: 0;
		margin-right: 10px;
	}

	.ContactTag a {
		position: absolute;
		left: 68px;
		bottom: 30px;
		margin: 0;
		width: 100px;
		height: 35px;
		line-height: 35px;
	}

	/* 人才培养 */
	.BaseCulture {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 6%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}

	.Culture1 .BaseCulture h2,
	.Culture1 .BaseCulture h2 i {
		font-size: 48px;
		line-height: 60px;
	}

	.BaseCulture h2 {
		font-size: 36px;
		line-height: 48px;
		color: #273D92;
		margin-bottom: 45px;
	}

	.BaseCulture h2 i {
		display: block;
		font-size: 30px;
	}

	.Culture2 .BaseCulture,
	.Culture4 .BaseCulture {
		left: initial;
		right: 6%;
	}

	/* 人才招聘 */
	.ReSearch {
		margin: 80px auto 40px;
		width: 100%;
		display: flex;
	}

	.ReSearchTxt {
		width: 28.8%;
		height: 60px;
		background-color: #ffffff;
		border: solid 1px #e5e5e5;
		float: left;
		margin-right: 1%;
		overflow: hidden;
	}

	.ReSearchTxt h2 {
		float: left;
		font-size: 16px;
		color: #999999;
		line-height: 60px;
		padding-left: 3%;
	}

	.ReSearchTxt select,
	.ReSearchTxt .demo-input {
		float: right;
		font-size: 16px;
		color: #999999;
		line-height: 60px;
		background-image: url(../images/select2.png);
		background-size: 14px 8px;
		background-repeat: no-repeat;
		background-position: 96%;
		width: 72%;
	}

	.ReSearchTxt:last-child {
		width: 40%;
		float: right;
		margin-right: 0;
	}

	.ReSearchInput {
		font-size: 16px;
		color: #999999;
		line-height: 60px;
		float: left;
		width: 60%;
	}

	.ReSearchBtn {
		background-image: url(../images/search2.png);
		background-size: cover;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-position: center;
		float: right;
		margin-top: 22px;
		margin-right: 20px;
	}

	.SearchResult {
		width: 100%;
		height: 100px;
		background-color: #f2f2f2;
	}

	.SearchResult h2 {
		font-size: 18px;
		color: #333;
		line-height: 100px;
		float: left;
	}

	.OtherSet {
		width: 564px;
		height: 42px;
		background-color: #ffffff;
		float: right;
		margin-top: 29px;
		padding: 0px 18px;
		margin-bottom: 68px;
	}

	.OtherSet .SearchBtn {
		background-image: url(../images/search1.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 20px;
		height: 20px;
		float: left;
		margin-top: 11px;
	}

	.OtherSet .SearchText {
		float: left;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		color: #999;
		margin-left: 25px;
		width: 212px;
		padding: 0;
	}

	.ProductTab1 {
		width: 100%;
		text-align: center;
		margin: 68px auto;
	}

	.ProductTab1 a {
		float: none;
		width: 140px;
		height: 34px;
		line-height: 34px;
		background-color: #f2f2f2;
		padding: 0;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
	}

	.ProductTab1 a.active {
		color: #fff;
		background: #273d92;
	}

	.ProductIntrotions {
		display: none;
	}

	.RecruitFlex {
		padding: 0px 1.5%;
		display: block;
		margin-bottom: 20px;
		height: 80px;
		background-color: #f2f2f2;
		font-size: 16px;
		color: #666666;
		line-height: 80px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	.RecruitFlex:hover {
		background-color: #273d92;
		color: #FFFFFF;
	}

	.RecruitFlex:hover h2 {
		color: #fff;
	}

	.RecruitFlex h2 {
		float: left;
		width: 24%;
		font-size: 24px;
		color: #333333;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.RecruitFlex span {
		float: left;
		width: 19%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.RecruitFlex span:last-child {
		text-align: right;
	}

	.mb100 {
		margin-bottom: 60px;
	}

	.RecruitPopule {
		background-color: #fff;
		width: 60.7%;
		padding: 3% 4%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	.RecruitPopule .CloseImg {
		background-image: url(../images/close_h.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 18px;
		height: 17px;
		position: absolute;
		top: 30px;
		right: 30px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		cursor: pointer;
	}

	.RecruitPopuleH {
		font-size: 30px;
		color: #2f3237;
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
		padding-bottom: 3%;
	}

	.RecruitScroll {
		height: 530px;
		overflow-y: auto;
		overflow-x: hidden;
		margin-top: 3%;
	}

	.RecruitScroll::-webkit-scrollbar {
		display: none;
	}

	.RecruitCont {
		margin-bottom: 3%;
	}

	.RecruitFx {
		float: left;
		width: 49%;
	}

	.RecruitFx:nth-of-type(2n),
	.RecruitFx select:nth-of-type(2n) {
		float: right;
	}

	.RecruitFx h2 {
		font-size: 16px;
		color: #666666;
		margin-bottom: 20px;
	}

	.RecruitFx input {
		width: 100%;
		height: 60px;
		line-height: 60px;
		background-color: #f2f2f2;
		font-size: 16px;
		color: #999999;
		text-indent: 1em;
	}

	.RecruitFx1 {
		float: none;
		width: 100%;
	}

	.RecruitFx input.layui-input {
		background-image: url(../images/select2.png);
		background-size: 14px 8px;
		background-repeat: no-repeat;
		background-position: 95%;
	}

	.RecruitFx select {
		float: left;
		width: 49%;
		height: 60px;
		line-height: 60px;
		background-color: #f2f2f2;
		font-size: 16px;
		color: #999999;
		text-indent: 1em;
		background-image: url(../images/select2.png);
		background-size: 14px 8px;
		background-repeat: no-repeat;
		background-position: 95%;
	}

	.RecruitFx input.UploadWord {
		width: 82%;
	}

	.UploadFiles {
		float: right;
		height: 60px;
		border: solid 1px #e5e5e5;
		width: 16.8%;
		font-size: 16px;
		color: #333333;
		line-height: 60px;
		position: relative;
		text-align: center;
		overflow: hidden;
	}

	.UploadFiles img {
		vertical-align: middle;
		margin-right: 2%;
		display: inline-block;
	}

	.UploadFiles input {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}

	.RecruitBtn {
		width: 100%;
		text-align: center;
		font-size: 0;
		margin-top: 3%;
	}

	.RecruitSumbit,
	.RecruitBtn a {
		width: 120px;
		font-size: 14px;
		line-height: 37px;
		text-align: center;
		color: #fff;
		height: 37px;
		display: inline-block;
		vertical-align: top;
		background-color: #273d92;
	}

	.RecruitBtn a {
		background-color: #2f3237;
		margin-left: 24px;
	}

	.RecruitFx input.Email {
		width: 100%;
	}

	/* 文化旅游 */
	.CulturalCt {
		padding: 100px 0;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.CulturalWrap {
		width: 70%;
		display: block;
		margin: 0px auto;
		position: relative;
	}

	.CulturalH {
		float: left;
		width: 20%;
		font-size: 36px;
		line-height: 48px;
		color: #273d92;
	}

	.CulturalCtR {
		float: right;
		width: 73%;
		position: relative;
		border-left: solid 2px rgba(0, 0, 0, 0.08);
		padding-left: 6%;
	}

	.CulturalCtR h2 {
		font-size: 24px;
		line-height: 48px;
		color: #2f3237;
		margin-bottom: 30px;
	}

	.CulturalCtR p {
		font-size: 14px;
		line-height: 24px;
		color: #999999;
		height: 168px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.CulturalCtR a {
		width: 110px;
		height: 37px;
		background-color: #273d92;
		font-size: 14px;
		line-height: 37px;
		text-align: center;
		color: #FFFFFF;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		position: relative;
	}

	.CulturalTab {
		width: 20%;
		position: absolute;
		left: 0;
		bottom: 0;
		font-family: "font";
	}

	.CulturalTab a {
		font-size: 16px;
		color: #999999;
		line-height: 32px;
		display: block;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.CulturalTab a i {
		padding-right: 10px;
	}

	.CulturalPouple,
	.CulturalPouple .swiper-container {
		height: 800px;
	}

	.CulturalScroll {
		width: 72%;
		display: block;
		margin: 15% auto 0;
		padding-right: 4%;
		height: 70%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.CulturalScroll::-webkit-scrollbar {
		width: 3px;
		height: 3px;
	}

	.CulturalScroll::-webkit-scrollbar-thumb {
		background-color: #273d92;
		border-radius: 2px;
		border-width: 3px;
		height: 3px;
	}

	.CulturalScroll::-webkit-scrollbar-track {
		border-radius: 2px;
		background: rgba(0, 0, 0, 0.05);
	}

	.CulturalPouple .EstateIntroductR h2 {
		font-size: 36px;
		margin-bottom: 30px;
		color: #2f3237;
		text-align: left;
		line-height: 48px;
	}

	.CulturalPouple .EstateIntroductR h3 {
		font-size: 24px;
		line-height: 32px;
		color: #666666;
		margin-top: 30px;
	}

	.CulturalPouple .EstateIntroductR p {
		font-size: 14px;
		line-height: 26px;
		color: #999;
		margin-top: 20px;
		text-align: left;
		-webkit-line-clamp: initial;
	}

	/* 发展历程 */
	.DeveHistory {
		margin: 50px auto 0;
		position: relative;
	}

	.DeveHistoryFx.active .DeveHistoryFxL {
		color: #273d92;
	}

	.DeveHistoryFx:nth-of-type(2) .DeveHistoryFxL,
	.DeveHistoryFx:nth-of-type(2) .DeveHistoryTab:first-of-type {
		padding-top: 100px;
	}

	.DeveHistoryLogo {
		width: 100%;
		height: 36px;
		background-image: url(../images/logo5.png);
		background-size: 36px;
		background-repeat: no-repeat;
		background-position: 9%;
	}

	.DeveHistoryFxL {
		float: left;
		width: 10%;
		font-size: 30px;
		color: #CCCCCC;
		font-family: "font";
		text-align: left;
		position: relative;
	}

	.DeveHistoryFx:nth-of-type(2) .DeveHistoryFxL::after {
		top: 89%;
	}

	.DeveHistoryFxL::after {
		content: '';
		background-image: url(../images/line6.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: right;
		width: 28.7%;
		height: 5px;
		position: absolute;
		top: 38%;
		right: -15%;
	}

	.DeveHistoryFxR {
		float: right;
		width: 79.9%;
		padding-left: 10%;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		padding-bottom: 70px;
	}

	.DeveHistoryTab h2 {
		font-size: 16px;
		line-height: 30px;
		color: #666666;
		padding-right: 3%;
		cursor: pointer;
	}

	.DeveHistoryTab h2.Nor {
		background-image: url(../images/jia.png);
		background-size: 19px;
		background-repeat: no-repeat;
		background-position: right;
	}

	.DeveHistoryTab.on h2.Nor {
		background-image: url(../images/jian.jpg);
		background-size: 19px;
		background-repeat: no-repeat;
		background-position: right;
	}

	.DeveHistoryImg {
		margin: 25px 0 0;
		display: none;
	}

	.QualityL .DeveHistoryImg img {
		max-width: 25%;
		margin: 0 1.2% 25px 0px;
		float: left;
	}

	.DeveHistoryFx:last-child .DeveHistoryFxR {
		padding-bottom: 0;
	}

	/* 应聘详情 */
	.popupmask1 .RecruitPopuleH {
		border-bottom: 0;
		padding-bottom: 1%;
	}

	.RecruitIntro {
		border-bottom: solid 2px rgba(0, 0, 0, 0.1);
		padding-bottom: 2%;
	}

	.RecruitIntro span {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #666666;
		padding: 0px 30px;
		border-left: 1px solid #999;
	}

	.RecruitIntro span:first-of-type {
		padding-left: 0;
		border-left: 0;
	}

	.RecruitJob {
		margin-top: 2%;
		font-size: 14px;
		line-height: 24px;
		color: #999999;
	}

	.RecruitJob h2 {
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.PositionApplied {
		width: 120px;
		font-size: 14px;
		line-height: 37px;
		text-align: center;
		color: #fff;
		height: 37px;
		display: block;
		margin: 0px auto;
		background-color: #273d92;
	}

	/* 集团文化 */
	.GroupCulture {
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-position: bottom !important;
		margin-bottom: 0;
		padding-bottom: 200px;
	}

	.GroupCulture .container {
		padding: 0px 15% 0px;
	}

	.CultureCt {
		margin: 65px auto 185px;
	}

	.CultureFlex {
		width: 23%;
		float: left;
		position: relative;
		font-family: "font";
		height: 460px;
		overflow: hidden;
		margin-right: 2.6%;
		cursor: pointer;
	}

	.CultureFlex img {
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		margin: 0;
		max-width: initial;
	}

	.CultureFlex h2 {
		font-size: 36px;
		color: #fff;
		bottom: 0;
		left: 0;
		position: absolute;
		background-image: url(../images/bk3.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		text-indent: 0.5em;
		line-height: 0.7rem;
	}

	.CultureFlex:nth-of-type(2n) {
		margin-top: 30px;
	}

	.CultureDown {
		background-color: rgba(39, 61, 146, 0.9);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}

	.CultureFlex:hover .CultureDown {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	.CultureDown h3 {
		font-size: 36px;
		color: #fff;
		margin-top: 60px;
		margin-left: 30px;
	}

	.CultureDownP {
		margin-top: 30px;
		margin-left: 30px;
		font-size: 14px;
		color: #FFFFFF;
		line-height: 24px;
		height: 340px;
		overflow: hidden;
	}

	.FiveCoincesH {
		font-size: 36px;
		text-align: center;
		color: #2f3237;
	}

	.FiveCoincesH i,
	.FiveCoincesFx:hover h2,
	.FiveCoincesFx:hover p {
		color: #273d92;
	}

	.FiveCoincesHt {
		font-size: 16px;
		line-height: 30px;
		text-align: center;
		color: #bbbbbb;
		margin-top: 30px;
		margin-bottom: 110px;
	}

	.FiveCoincesFx {
		float: left;
		width: 20%;
		min-height: 258px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		background-image: url(../images/line5.png);
		background-size: 18px 258px;
		background-repeat: no-repeat;
		background-position: left;
		font-family: "font";
		cursor: pointer;
	}

	.FiveCoincesFx:hover {
		background-image: url(../images/line5_h.png);
		background-size: 18px 258px;
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	.FiveCoincesFx:nth-of-type(2n) {
		margin-top: 100px;
	}

	.FiveCoincesFx h2 {
		font-size: 36px;
		color: #2f3237;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
		margin-left: 12%;
		line-height: 15px;
		margin-bottom: 10%;
	}

	.FiveCoincesFx p {
		font-size: 14px;
		color: #999;
		margin-left: 12%;
		line-height: 24px;
		transition: all .3s ease-out;
		-webkit-transition: all .3s ease-out;
	}

	/* 首页2 */
	@media screen and (min-width: 1024px) and (max-width: 1860px) {}

	@media screen and (min-width: 1240px) and (max-width: 1480px) {
		.wrap {
			width: 1200px;
		}

		.SurveyShow {
			width: 500px;
			height: 500px;
		}

		.nav_menu {
			padding-top: 50%;
		}
	}

	@media screen and (min-width: 1580px) and (max-width: 1680px) {

		.CulturalImg:nth-of-type(2),
		.CulturalR .pagination span:nth-of-type(2) {
			left: 16%;
		}

		.CulturalImg:nth-of-type(3),
		.CulturalR .pagination span:nth-of-type(3) {
			left: 0.5%;
		}

		.CulturalImg:nth-of-type(4),
		.CulturalR .pagination span:nth-of-type(4) {
			left: 51.8%;
		}

		.TitFlex {
			width: 28%;
		}

		.TitFlex a.active::after {
			width: 48%;
		}

		.DeviceSubR {
			width: 56%;
		}

		.active .Device .pagination1 span:nth-of-type(4).swiper-active-switch h2 {
			width: 168px;
			left: 74px;
		}

		.Cooperative .CooperativeSwiImg {
			height: 92px;
		}

		.ConsultingTag {
			height: 130px;
		}

		.ConsultingR h2 {
			margin-top: 15px;
		}

		.SocialImg {
			height: 445px;
			margin-top: 5%;
		}

		.mt35 {
			margin-top: 2%;
		}

	}

	@media screen and (min-width: 1024px) and (max-width: 1680px) {
		.GroupProfiTab a:nth-of-type(2) i {
			top: 17%;
		}

		.GroupProfiTab a i {
			top: 42%;
		}

		.SmallArea {
			padding-top: 0;
		}

		.GroupCulture .container {
			padding: 0px 6% 0px;
		}

		.CulturalWrap {
			width: 83%;
		}
	}

	@media screen and (min-width: 1279px) and (max-width: 1440px) {
		.Development .BaseTit {
			padding-top: 7%;
		}

		.CeramicTxt .BaseHt {
			padding-bottom: 30px;
		}

		.BaseH {
			font-size: 36px;
			line-height: 42px;
		}

		.BaseHt {
			font-size: 22px;
			line-height: 28px;
		}

		.CeramicTabR {
			margin-top: 12%;
			width: 55%;
		}

		.CeramicTab a img {
			margin-top: 13%;
			margin-left: 19%;
		}

		.CulturalImg:nth-of-type(2),
		.CulturalR .pagination span:nth-of-type(2) {
			left: 15%;
		}

		.CulturalImg:nth-of-type(3),
		.CulturalR .pagination span:nth-of-type(3) {
			left: -2.5%;
		}

		.CulturalImg:nth-of-type(4),
		.CulturalR .pagination span:nth-of-type(4) {
			left: 52.2%;
		}

		.CulturalImg:nth-of-type(5),
		.CulturalR .pagination span:nth-of-type(5) {
			left: 73%;
		}

		.TitFlex {
			width: 26%;
		}

		.TitFlex a.active::after {
			width: 38%;
		}

		.DeviceSubR .CenterPro {
			width: 88%;
		}

		.Device .pagination1 span.swiper-active-switch {
			margin-left: 0;
		}

		.Cooperative .CooperativeSwiImg {
			margin-bottom: 0;
			height: 84px;
		}

		.DeviceSub {
			width: 45%;
		}

		.Device .arrow-left,
		.Device .arrow-right {
			width: 50px;
			height: 50px;
		}

		.Device .arrow-left {
			right: 130px;
		}

		.TitImg1 {
			top: -58px;
		}

		.TitImg2 {
			top: 18px;
		}

		.DevelopMarkFx {
			height: 300px;
		}

		.InProductFlex:nth-of-type(3)::after,
		.InProductFlex:last-child::after {
			right: initial;
			left: -48%;
		}

		.InProductFlex::after {
			right: -50%;
		}

		.GroupProfiTab a:nth-of-type(2) i {
			top: 14%;
		}

		.GroupProfiTab a i {
			top: 35%;
		}

		.CulturalPouple,
		.CulturalPouple .swiper-container {
			height: 500px;
		}

		.CulturalScroll {
			height: 68%;
		}

		.DeveYearCt {
			width: 72%;
		}

		.RealtimeFx {
			height: 580px;
		}

		.RealtimeImg {
			height: 263px;
		}

		.DeveHistoryLogo {
			background-position: 8.7%;
		}
	}

	@media screen and (min-width: 1279px) and (max-width: 1380px) {
		.ConsultingTag {
			height: 112px;
		}

		.ConsultingR h2 {
			margin-top: 10px;
		}

		.ConsultingR h3 {
			padding: 5px 0;
		}

		.SocialImg {
			height: 395px;
		}

		.IntroductionDevice {
			width: 500px;
			height: 500px;
		}

		.Introduction .swiper-container {
			height: 430px;
			width: 430px;
		}

		.RecruitScroll {
			height: 400px;
		}
	}

	@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.wrap {
			width: 1000px;
		}

		.RealtimeImg {
			height: 232px;
		}

		.RealtimeFx {
			height: 590px;
		}

		.RealtimeCt span {
			width: 80px;
		}

		.ReSearchTxt select,
		.ReSearchTxt .demo-input {
			width: 63%;
		}

		.RecruitFlex h2,
		.RecruitFlex span {
			width: 20%;
		}

		.RecruitFx input.UploadWord {
			width: 72%;
		}

		.UploadFiles {
			width: 25.8%;
		}

		.CulturalPouple,
		.CulturalPouple .swiper-container {
			height: 410px;
		}

		.ContactTag span,
		.ContactTag p {
			margin-left: 48px;
		}

		.ContactTag a {
			left: 48px;
		}

		.ContactTag h2 {
			margin-left: 16px;
		}

		.ContactTag {
			margin-right: 1.58%;
		}

		.Memorabilia {
			margin-top: 50px;
		}

		.SurveyShow {
			width: 400px;
			height: 400px;
		}

		.SurveyRFlex {
			width: 120px;
			height: 120px;
		}

		.IntroductionDevice {
			width: 450px;
			height: 450px;
		}

		.Introduction .swiper-container {
			width: 382px;
			height: 382px;
		}

		.InovateTabFx {
			width: 18%;
			padding: 0px 1%;
		}

		.InovateTabSize {
			width: 70px;
			height: 70px;
			line-height: 70px;
			font-size: 32px;
		}

		.InProductFlex:nth-of-type(3),
		.InProductFlex:last-child {
			width: 27.5%;
		}

		.InProductFlex::after {
			width: 68px;
			height: 68px;
			right: -48%;
		}

		.ModelProjectFx {
			height: 180px !important;
		}

		.ModelProjectCont {
			height: 280px;
		}

		.ModelProject .swiper-pagination {
			bottom: 10%;
		}

		.GroupProfiTab a i {
			top: 24%;
		}

		.GroupProfiTab a:nth-of-type(2) i {
			top: 8%;
		}

		.RecruitScroll {
			height: 330px;
		}
	}
}